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.

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.