Dark Mode - Einstellung im Betriebssystem des Nutzers

[Matthias Scharwies]

Hallo Gerhard,

Ich finde das Thema interessant. Es taucht im Forum immer wieder mal auf und deshalb haben wir 2019 einen kurzen Glossar-Artikel: Dark_Mode angelegt.

In den Weblinks unten findest Du die Diskussionen von 2018 und 2019 verlinkt.

Mittlerweile gibt es eine gute Browserunterstützung für prefers-color-scheme und trotzdem ...

@Rolf B schrieb mir in einer PN dazu:

Für ein Beispiel muss man sich etwas mehr Gedanken über die drei Varianten "light", "dark" und "Betriebssystem-Default" machen. Das Thema "Dark Mode" ist ja auch bei weitem nicht so einfach, wie es auf css-tricks suggeriert wird.

Das Farbschema einer Webseite hat zumeist mehr als 2 Farben, eher 10. Man muss jede Farbangabe über custom property machen.

Und man muss schauen, was der IE macht - der kennt nämlich keine custom properties und würde damit jede Farbangabe ignorieren.

Der Ansatz von Lea Verou, nicht die Farben, sondern nur die Helligkeit mit custom properties zu veränden, ist charmant, wirkt aber auch nur auf den neuesten Macs:

Lea Verou: Dark mode in 5 minutes, with inverted lightness variables

Da frag ich mich, wieso die Fotos HSl vs. LCH auch auf normalen Bildschirmen den Farbraum so unterschiedlich zeigen?

Herzliche Grüße

Matthias Scharwies