Правильный способ редактирования CSS для светлой и темной тем

Поддержка
2

Запрос контейнера будет работать, но для упрощения вы также можете использовать встроенную функцию light-dark() в CSS:

.my-thing {
  background: light-dark(#fff, #000);
  color: light-dark(#222, #eee);
}

Как правило, в Discourse мы полагаемся на цветовые переменные, которые автоматически меняются, чтобы избежать установки конкретных цветов таким образом (--primary, --secondary и т. д.)… это позволяет цветам работать независимо от цветовой схемы.

Примеры можно посмотреть здесь: https://meta.discourse.org/styleguide/atoms/colors, а также как они меняются при переключении между темным и светлым режимами. Эти переменные настраиваются через цветовые палитры в /admin/config/colors