Nachtmodus v2

Im letzten Jahr hatte ich einen Nachtmodus für diesen Blog umgesetzt. Damals noch per Umschalter. An dieser Funktion habe ich nun Hand angelegt.

Der Nachtmodus v2 orientiert sich jetzt an der Systemeinstellung des Benutzers. Wer also auf seinem System den „Dunkelmodus“ aktiv hat, der sieht hier alles automatisch ebenfalls abgedunkelt.

Umgesetzt wird das Ganze mittels prefers-color-scheme, was ziemlich simpel ist, da es einfach per CSS Media Query angelegt wird.

@media (prefers-color-scheme: dark) {
.deineklasse {deindunklerstyle;}
}

Teilen

Hinterlasse einen Kommentar
Du kannst auch als Gast kommentieren (Anleitung). DISQUS respektiert „Do Not Track“ und bietet einen Datenschutz-Modus an. Informationen zum Datenschutz auf FLIP.de findest du hier.
Du bist hier: / / ...