На странице настройки бесплатного плана Discourse варианты отображаются довольно трудно читаемо:
6 лайков
@derek Пытался найти эту страницу, но, несомненно, у тебя получится быстрее
2 лайка
Привет @NateDhaliwal! Мне не удалось воспроизвести это в Chrome, Safari и FF на macOS в тёмной теме:
Однако я обнаружил отсутствующую CSS-переменную для фона тёмной темы у этих переключателей, которая, возможно, и является причиной проблемы. Только что отправил исправление:
4 лайка
Привет, @derek, я всё ещё воспроизвошу это в Chrome на Windows 10.
Вы уверены, что это не проблема с кэшем? Пробовали выполнить жёсткую перезагрузку (Ctrl+Shift+R)? У вас установлен Dark Reader?
Да, только что попробовал, ничего не изменилось. В консоли браузера ошибок нет (хотя, думаю, они бы там и не появились).
Я только что проверил на телефоне (iOS/Orion), и всё выглядит как задумано. Попробуйте перейти на /wizard на сайте с другого браузера, желательно с того, который ещё не посещал эту страницу.
1 лайк
@NateDhaliwal Я только что попробовал это в Chrome на Windows 10, но воспроизвести не удалось. Вы видите это локально или на размещённом экземпляре?
Не могли бы вы проверить элемент переключателя в DevTools (правая кнопка мыши → Inspect) и показать, что вы видите во вкладке Styles?
1 лайк
Я просмотрел стили, и вот ключевая часть:
Переменная --1e94960e-csstools-light-dark-toggle--2 управляет здесь цветом фона.
Судя по всему, переменная --wizard-primary-900 не определена, а определение переменной --csstools-color-scheme--light выглядит так:
Если изменить background-color или добавить переменные, указав случайные цвета, например green или yellow, то всё начинает выглядеть более «правильно» (хотя, честно говоря, я не понимаю, почему зелёный или жёлтый не отображаются: подозреваю, что дело в некорректном синтаксисе):
3 лайка
Спасибо за детали, @NateDhaliwal. У меня есть предположение, что это связано с отсутствующей CSS-переменной при работе со светлой/тёмной темой и тем, как она компилируется через PostCSS. Похоже, браузер переходит к фоновому цвету светлой темы, что странно, так как я не могу воспроизвести эту проблему.
Судя по скриншотам, моё исправление ещё не было развернуто на вашем экземпляре. Сейчас оно должно быть развернуто, поэтому попробуйте ещё раз и дайте знать, если вы всё ещё заметите какие-либо неполадки.
1 лайк
Не воспроизводится.