Требуется помощь: назначение отдельных CSS-корней для светлого и темного режимов в Discourse

Разработка
1

Вот профессиональный перевод вашего сообщения:

В настоящее время я использую Discourse Color Scheme Toggle.

На моём локальном сервере включены оба режима: светлый и тёмный. Я уже настроил CSS-переменные (root) специально для своего сайта. Однако я не уверен, как назначить один набор CSS-переменных для светлого режима, а другой — для тёмного.

Может ли кто-нибудь помочь мне с этим?

2

Привет,

Не совсем уверен, правильно ли я понял ваш контекст. Дайте знать, если нет.
Вы можете обернуть свой :root следующим CSS:

/* Светлая тема по умолчанию */
:root {
  --background-color: white;
  --text-color: black;
  ...
}

/* Тёмная тема */
@media (prefers-color-scheme: dark) {
  :root {
     --background-color: black;
     --text-color: white;
     ...
   }
}

Также существует prefers-color-scheme: light.