Erklärung des Dunkelmodus: Auswahl und Aktivierung des Umschaltens

Einführung

Dieser Leitfaden behandelt den Dunkelmodus, wie man ihn auswählt und aktiviert.

Was ist der Dunkelmodus?

Wie Forbes erklärt,

Die Idee hinter dem Dunkelmodus besteht darin, das von Bildschirmen emittierte Licht zu reduzieren, während die für die Lesbarkeit erforderlichen Mindestkontrastverhältnisse beibehalten werden.

Der Dunkelmodus ist im Wesentlichen ein überwiegend dunkles Design auf Ihrem Gerät (meist schwarz oder grau) mit hellen Texten für den Kontrast. Discourse bietet viele Themes, die sowohl helle als auch dunkle Farbschemata unterstützen.

Wie wähle ich den Dunkelmodus aus?

In Ihrem Discourse-Forum muss Ihr Administrator diesen zunächst installieren. Unter admin/customize/themes kann der Administrator im Bereich der beliebten Themes „Dark“ auswählen.
Anschließend müssen Sie zu my/preferences/interface navigieren, um das Theme zu ändern. Sie sollten diese Seite sehen.
(Mobil)

Danach wählen Sie das Dropdown-Menü aus, in dem das aktuelle Theme angezeigt wird, oder das Dropdown-Menü unter „Theme“. In meinem Fall ist es „Meta Branded“.
Wählen Sie dann im Dropdown-Menü „Dark“ oder ein Theme mit einem dunklen Farbschema aus (wir erfahren in Kürze, wie das geht).
Nachdem Sie Ihr gewünschtes Theme ausgewählt haben, klicken Sie auf das Dropdown-Menü „Regular“. Wählen Sie ein Farbschema aus, das das Wort „Dark“ enthält. Übliche Beispiele sind „Dark“, „WCAG Dark“ und „Solarized Dark“.

:warning: Die Auswahl eines Farbschemas für den Hellmodus führt bei Befolgung dieses Leitfadens nicht zu guten Ergebnissen. Es wird empfohlen, für diesen Leitfaden „Dark“ auszuwählen, da wir dies verwenden werden.

Nachdem Sie all dies getan haben, können Sie unten auf der Seite auf die Schaltfläche Änderungen speichern klicken. Dadurch wechselt Discourse in den Dunkelmodus (oder genauer gesagt, in ein dunkles Farbschema).

Wofür ist das Dropdown-Menü für den Dunkelmodus?

Ich weiß, Sie fragen sich das wahrscheinlich.
Einfach ausgedrückt: Das dort ausgewählte Farbschema wird aktiviert, wenn sich Ihr Gerät im Dunkelmodus befindet. Das ausgewählte Farbschema überschreibt das im Dropdown-Menü „Regular“ ausgewählte Schema, sobald sich Ihr Gerät im Dunkelmodus befindet.
Im Allgemeinen müssen Sie dies nicht ändern. Wenn Sie jedoch im Dropdown-Menü „Regular“ ein Farbschema ausgewählt haben und möchten, dass dieses auch im Dunkelmodus gleich bleibt, ohne ständig wechseln zu müssen, können Sie das Dropdown-Menü „Dark mode“ auf „Wie im Regular-Modus“ setzen. Dann folgt Discourse dem im „Regular“-Menü ausgewählten Schema.
Wenn sich Ihr Gerät im Hellmodus befindet, hat das Dropdown-Menü „Dark mode“ keine Auswirkung.

Also… wie prüfe ich, ob ein Theme ein dunkles Farbschema unterstützt?

Ah, ja! Grundsätzlich können Sie ein Theme auswählen, einen Blick auf die unterstützten Farbschemata werfen und prüfen, ob es dunkle Farbschemata gibt. Ein guter Anhaltspunkt ist die Suche nach „WCAG Dark“, da dies ein Farbschema ist, das den Richtlinien für Barrierefreiheit entspricht.

Umschalter zwischen Dunkel- und Hellmodus

Da diese Komponente nun in den Kern integriert wurde, ist keine separate Installation mehr erforderlich.

Weitere Informationen zum Umschalter finden Sie in diesem Thema:

Fazit

Das war’s! Sie haben den Bereich gefunden, in dem Sie Ihr Theme auf Dunkelmodus umstellen können, und verschiedene Farbschemata ausprobiert!


Quellen und Zitate

Forbes: https://www.forbes.com/uk/advisor/mobile-phones/what-is-dark-mode-and-should-you-be-using-it/
Hinzufügen des Dunkelmodus für Administratoren: Looking for default dark theme - #2 by JammyDodger

Alle Informationen in diesem Leitfaden wurden nicht von KI generiert, mit Ausnahme der Bildunterschriften. Alle anderen Informationen sind originell; falls nicht, sind sie oben verlinkt.

6 „Gefällt mir“

Möglicherweise liegt es nur an mir, aber das Bild scheint auf meiner Seite nicht zu laden:

4 „Gefällt mir“

Ich habe es erneut hochgeladen. Versuchen Sie es noch einmal?

5 „Gefällt mir“

Funktioniert jetzt! :grinning_face_with_smiling_eyes:

4 „Gefällt mir“

Ich habe den Beitrag mit der kürzlichen Zusammenführung der Komponente in den Kern aktualisiert.

4 „Gefällt mir“