Necesito ayuda: Asignando raíces CSS separadas para modos Claro y Oscuro en Discourse

Desarrollador
1

Aquí tienes una traducción profesional de tu mensaje:

Actualmente estoy utilizando Discourse Color Scheme Toggle.

En mi localhost, tengo habilitados tanto el modo claro como el modo oscuro. Ya he configurado una raíz CSS específicamente para mi sitio. Sin embargo, no estoy seguro de cómo asignar una raíz CSS para el modo claro y otra para el modo oscuro.

¿Alguien podría ayudarme con esto?

2

Hola,

No estoy seguro de entender bien tu contexto. Hazme saber si no es así.
Puedes envolver tu :root con el siguiente CSS:

/* Claro por defecto */
:root {
  --background-color: white;
  --text-color: black;
  ...
}

/* Oscuro */
@media (prefers-color-scheme: dark) {
  :root {
     --background-color: black;
     --text-color: white;
     ...
   }
}

También existe prefers-color-scheme: light.