Ajuda Necessária: Atribuindo Raízes CSS Separadas para Modos Claro e Escuro no Discourse

Dev
1

Aqui está uma tradução profissional para sua mensagem:

Estou atualmente usando o Discourse Color Scheme Toggle.

No meu localhost, tenho os modos claro e escuro ativados. Já configurei uma raiz CSS especificamente para o meu site. No entanto, não tenho certeza de como atribuir uma raiz CSS para o modo claro e outra para o modo escuro.

Alguém poderia me ajudar com isso?

2

Olá,

Não tenho certeza se entendi seu contexto corretamente. Me avise se não.
Você pode envolver seu :root com o seguinte CSS:

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

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

prefers-color-scheme: light também existe.