Dark-/Light-Modus Umschalter

Ich liebe diese Komponente! :heart_eyes: Aber ich habe ein kleines Problem.

Es scheint, dass die Komponente nur funktioniert, wenn die Option „Automatische Dunkelmodus-Farbschema aktivieren“ aktiviert ist. Mein Problem tritt auf, wenn die Option aktiviert ist und die Systemeinstellung auf Dunkelmodus eingestellt ist (d. h. bevorzugtes Farbschema: dunkel).

In dem obigen Szenario passiert nichts, wenn ich versuche, über Einstellungen > Oberfläche > Thema zu einem hellen Thema zu wechseln, was für mich in Ordnung ist. Vermutlich, da meine Systemeinstellung bereits auf Dunkelmodus eingestellt ist, überschreibt das Wechseln zu Hellmodus in Discourse dies nicht.

Wenn ich dasselbe mit der Komponente „Dunkel-/Hellmodus-Umschalter“ mache und meine Theme-Einstellung in Discourse auf Hell steht, lässt mich der Umschalter tatsächlich zu Hellmodus wechseln (was meiner Meinung nach noch besser ist), aber das Website-Logo im Header bleibt im Dunkelmodus und ist im Hellmodus schwer zu erkennen. Wenn ich den Inspektor betrachte, sehe ich, dass das Element so aussieht:

<div class="title"><a href="/" data-auto-route="true"><picture><source srcset="<link to image>" media="(prefers-color-scheme: dark)"><img src="<link to image>" id="site-logo" class="logo-big"></picture></a></div>

Mir ist aufgefallen, dass der Teil media=“(prefers-color-scheme: dark)” vorhanden ist, obwohl wir uns jetzt im Hellmodus befinden, der durch den Umschalter eingestellt wurde.

Ich sollte hinzufügen, dass das Website-Logo normalerweise problemlos zwischen Hell- und Dunkelmodus wechselt, wenn die Option „Automatische Dunkelmodus-Farbschema aktivieren“ in Discourse deaktiviert ist. Dies verhindert jedoch, dass der Dunkel-/Hellmodus-Umschalter angezeigt wird :man_shrugging:t2:

Außerdem, wenn meine Theme-Einstellung in Discourse über Einstellungen > Oberfläche > Thema auf Dunkel eingestellt ist und meine Systemeinstellung ebenfalls dunkel ist, wechselt der Umschalter nicht zwischen Hell und Dunkel – er bleibt immer im Dunkelmodus.

Idealerweise würde ich bevorzugen, dass die Komponente „Dunkel-/Hellmodus-Umschalter“ so funktioniert, wie sie es jetzt tut, aber dass das Website-Logo im Header der aktuell aktiven Hell-/Dunkel-Einstellung folgt und nicht dem vom Benutzer bevorzugten Farbschema des Systems.

1 „Gefällt mir“