Unterstützung des Dark Modes

Bild der Homepage in Light und Dark Mode
Peter Heck

Mittlerweile unterstützen die meisten Endgeräte die Umschaltung auf einen “Dark Mode”, also einen Modus, bei dem der Bildschirm auf ein dunkles Farbschema geschaltet wird.

Um den Wunsch der Webseitennutzer nach einer dunklen Darstellung zu entsprechen, besteht bei vielen Webseiten die Möglichkeit, diesen entweder manuell zu aktivieren oder, je nach Einstellung des Gerätes des Besuchers, diesen automatisch anzubieten.

Nach dem bereits in den vorherigen Posts angesprochenen Wechsel nach Bricks und Automatic CSS, steht mir jetzt eine einfache Möglichkeit zur Verfügung, bei der Nutzung von Automatic CSS diesen Modus sehr einfach zu aktivieren. Dazu muss dieser lediglich aktiviert und alternative Farbpaletten für den Dark Mode konfiguriert werden. Eine Sache von max. 5 Minuten! Dann noch einen Umschalter in den Header einbauen (nochmal 5 Minuten) und fertig ist das Ganze.

Ich habe dies jetzt für diese Homepage umgesetzt – testen Sie das doch einfach mal. Einfach oben im Header den Modus umschalten!

Wäre das auch was für Ihre Homepage? Dann sprechen Sie uns an!

Weitere Beiträge