Hier sieht man wie sich das gesamte Farbschema der Webseite beim wechsel in den “Dunkel”-Modus (macOS Mojave) automatisch anpasst.

 

 

Wie lässt sich der “Dunkel”-Modus im Safari unterstützen?

Dafür gibt es einen neuen CSS selector prefers-color-scheme. Dieser lässt sich zum Beispiel folgendermaßen anwenden:


@media (prefers-color-scheme: dark) {
//Hier stehen die CSS styles welche für den Darkmode verwendet werden
//zum Beispiel:
body {
background: black;
color: white;
}
}