Darkmode / Lightmode ☀️ Dark Mode' : '🌙'

Weil ich persönlich den Darkmode nie nutze, habe ich meine Website direkt im Darkmode entwickelt. Das CSS ist auf Dunkelheit ausgelegt, so wie auch meine Seele. Nun habe ich mir gedacht, könnte man einen Schritt weiter gehen und einen Dark/Light-Switcher einbauen. Gesagt: getan.

Meine Website verfügt jetzt also über einen kleinen Knopf, um vom Dark zum Lightmode und zurück zu schalten. Man findet ihn rechts unten.

Der Mozilla Firefox zeigt meine Website im Light Mode, unten rechts sieht man den Knopf zum Umschalten des Helligkeitsmodus

Der Mozilla Firefox zeigt meine Website im Dark Mode

Funktioniert das alles wie gewünscht? Mobil? Bei euch?

Ich würde euch jetzt einfach mal den Code übergeben, den ich als Javascript in meinen Header Bereich eingefügt habe.

Javascript (in den Header Bereich)

Mein CMS heißt Writefreely und unterstützt weder Plugins noch solcherlei Dinge von Haus aus. Deshalb muss immer alles mühselig “programmiert” werden. Wie z.B. auch die Funktionen des Indywebs ala Webmention, aber auch Kommentare an sich etc. pp.

📊 Rückseite / Statistisches

Webmentions

Lade Webmentions...

Du kannst auf diesen Artikel verlinken oder ihn kommentieren - dein Beitrag erscheint dann hier automatisch.