Hilfe benötigt: Zuweisung separater CSS-Roots für Light- und Dark-Modus in Discourse

Entwickler
1

Hier ist eine professionelle Übersetzung für Ihre Nachricht:

Ich verwende derzeit Discourse Color Scheme Toggle.

Auf meinem Localhost habe ich sowohl den hellen als auch den dunklen Modus aktiviert. Ich habe bereits ein CSS-Root-Element speziell für meine Website eingerichtet. Ich bin mir jedoch nicht sicher, wie ich ein CSS-Root-Element für den hellen Modus und ein anderes für den dunklen Modus zuweisen kann.

Könnte mir dabei jemand helfen?

2

Hallo,

Ich bin mir nicht sicher, ob ich deinen Kontext richtig verstehe. Lass es mich wissen, wenn nicht.
Du kannst dein :root mit dem folgenden CSS umschließen:

/* Standardmäßig hell */
:root {
  --background-color: white;
  --text-color: black;
  ...
}

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

prefers-color-scheme: light existiert auch.

3

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