Besoin d'aide : attribution de racines CSS séparées pour les modes clair et sombre dans Discourse

Dev
1

Voici une traduction professionnelle de votre message :

J’utilise actuellement le Discourse Color Scheme Toggle.

Sur mon localhost, j’ai activé les modes clair et sombre. J’ai déjà configuré une racine CSS spécifiquement pour mon site. Cependant, je ne suis pas sûr de la manière d’attribuer une racine CSS pour le mode clair et une autre pour le mode sombre.

Quelqu’un pourrait-il m’aider avec cela ?

2

Salut,

Je ne suis pas tout à fait sûr de bien comprendre votre contexte. Faites-moi savoir si ce n’est pas le cas.
Vous pouvez envelopper votre :root avec le CSS suivant :

/* Clair par défaut */
:root {
  --background-color: white;
  --text-color: black;
  ...
}

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

prefers-color-scheme: light existe également.

3

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