Aiuto necessario: assegnare radici CSS separate per le modalità Light e Dark in Discourse

Sviluppatore
1

Ecco una traduzione professionale del tuo messaggio:

Sto attualmente utilizzando Discourse Color Scheme Toggle.

Sul mio localhost, ho abilitato sia la modalità chiara che quella scura. Ho già impostato una root CSS specifica per il mio sito. Tuttavia, non sono sicuro di come assegnare una root CSS per la modalità chiara e un’altra per la modalità scura.

Qualcuno potrebbe aiutarmi con questo?

2

Ehi,
Non sono sicuro di aver capito correttamente il tuo contesto. Fammi sapere se non è così.
Puoi racchiudere il tuo :root con il seguente CSS:

/* Luce per impostazione predefinita */
:root {
  --background-color: white;
  --text-color: black;
  ...
}

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

Esiste anche prefers-color-scheme: light.