Настройка бесплатного плана Discourse — варианты трудно читаемы

[NateDhaliwal]

In the setup page of the Discourse Free Plan, the options are quite hard to read:

[chapoi]

@derek Tried to find this page, but you’ll be faster no doubt

[derek (Derek Rushforth)]

Hey @NateDhaliwal! I couldn’t reproduce this in Chrome, Safari, and FF on MacOS in dark mode:

However, I did find a missing CSS variable on the dark mode background for those toggles that might be the culprit. Just pushed a fix:

FIX: Wizard styles (#37722)

[NateDhaliwal]

Hi @derek , I’m still repo-ing this on Chrome, Windows 10.

[darkpixlz (Pyx)]

Are you sure this isn’t a cache problem? Have you tried a hard (Ctrl+Shift+R) reload? Do you have dark reader installed?

[NateDhaliwal]

Yup, just tried that, no change. No errors in the browser console (though I doubt it would appear there).

[darkpixlz (Pyx)]

I just checked on my phone (iOS/Orion) and it looks as intended. Try going to /wizard on the site with a different browser, preferably one that hasn’t visited it before

[derek (Derek Rushforth)]

@NateDhaliwal I just tried this in Chrome on Windows 10 no luck reproducing it. Are you seeing this locally or on a hosted instance?

Could you inspect the toggle element in DevTools(Right click → Inspect) and share what you see in the styles pane?

[NateDhaliwal]

I’ve looked through the styles and this seems like the key part:

The --1e94960e-csstools-light-dark-toggle--2 variable is controlling the background color here.

From what I can tell, the --wizard-primary-900 variable is undefined, and the --csstools-color-scheme--light variable definition looks like this:

If one changes the background-color, or adding the variables and putting random colors like green or yellow, then things look more “correct” (though frankly, I have no idea why green or yellow don’t show up: I suspect it’s an incorrect syntax?):

[derek (Derek Rushforth)]

Спасибо за детали, @NateDhaliwal. У меня есть предположение, что это связано с отсутствующей CSS-переменной при работе со светлой/тёмной темой и тем, как она компилируется через PostCSS. Похоже, браузер переходит к фоновому цвету светлой темы, что странно, так как я не могу воспроизвести эту проблему.

Судя по скриншотам, моё исправление ещё не было развернуто на вашем экземпляре. Сейчас оно должно быть развернуто, поэтому попробуйте ещё раз и дайте знать, если вы всё ещё заметите какие-либо неполадки.