Wie kann ich den Safari (Mojave) Darkmode Support aktivieren?

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;
}
}