帮助需求：在Discourse中为明暗模式分配不同的CSS根

[willie]

这是您消息的专业翻译：

我目前正在使用 Discourse Color Scheme Toggle。

在我的本地主机上，我已经启用了浅色和深色模式。我已经为我的网站设置了一个专门的 CSS 根。但是，我不确定如何为浅色模式分配一个 CSS 根，为深色模式分配另一个 CSS 根。

有人能帮我解决这个问题吗？

[Arkshine]

嘿，

我不确定我是否正确理解了您的上下文。如果不是，请告诉我。
您可以将您的 :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。