Gibt es eine Möglichkeit, die Nutzung des Dark Mode zu erkennen?

[ti0]

Gibt es in einer Plugin- / Theme-Komponente eine Möglichkeit zu erkennen, ob das aktuelle Theme den Dark Mode verwendet?
Alternativ, gibt es eine Möglichkeit, die aktive Theme-ID zu erhalten?
Oder sollten wir unterschiedliche Theme-Komponenten für helle und dunkle Themes erstellen?

[Don]

@ti0

Dunkelmodus erkennen

Hallo,

Ich denke, es gibt ein paar Möglichkeiten, dies zu erreichen.

Sie können dies verwenden:

No specific class for dark mode

Would this accomplish what you need? this would need to be added to color_definitions.scss @if #{schemeType()} == dark { body { background: red; } } @else { body { background: blue; } } A class does seem like it would be useful though, we can probably add one.

Oder dies:

Why might dark-light-choose() not work?

I believe, due to the way the SCSS is compiled, custom dark/light definitions need to be added to color_definitions.scss within a theme and won’t work in other scss files. [Screen Shot 2020-12-04 at 9.54.13 PM] color_definitions.scss is high up in the cascade (before a lot of the default styles), so you don’t want to add the .modal.history-modal ins part there. Instead you can just add the color definition itself… $dark-theme-ins: #acf2bd; $light-theme-ins: #4da06d; $ins: dark-light-choose(…

---

Ich liebe den Abschnitt „Verwandte Themen“ von Discourse Ai , es ist so viel einfacher, Themen zu organisieren und zu finden.

[Lilly]

Ich persönlich bevorzuge separate Dunkel- und Hell-Themes anstelle von Dunkel- und Hell-Modi eines Themes. Ich denke, einige Benutzer finden diese zusätzliche Dropdown-Liste verwirrend. Ich erstelle einfach helle und dunkle Versionen von Themes und platziere sie im Hamburger-Menü, aber ich habe nur 4 Live-Themes (ich habe jedoch spezielle Event-Limited-Time-Themes gemacht, zum Beispiel hatten wir Masters Golf Hell- und Dunkel-Themes für das Turnier). Man muss nur die Farbpaletten im Auge behalten.

[ti0]

Ich habe dies gelöst, indem ich je nach Farben eine einzelne Codezeile zum Head-Bereich jedes Themas hinzugefügt habe:

document.body.classList.add(“dark-theme”);

document.body.classList.add(“light-theme”);

Vielen Dank für Ihre Beiträge @Don @Lilly