Schon vor Ewigkeiten, habe ich angekündigt endlich mal einen nativen Dark Mode für unser schönes kleines LinuxGuides Forum zu bauen. Heute Abend hatte ich endlich mal etwas Zeit dafür:
Teaser:
Was ist die Idee?
Bei Gnome, KDE (ka welche Linux Desktops sonst noch), Windows und Mac OS kann man in den Systemeinstellungen zwischen einem "hellen" und "dunklen" Modus auswählen.
Viele Webseiten können diese Einstellung, die ihr auf eurem Computer getroffen habt auslesen und zeigen euch dann ein helles oder dunkles Theme an. Das Theme, dass hier im LinuxGuides Forum installiert ist unterstützt diese Funktion leider nicht.
Ich habe nun - basierend auf dem Standard LinuxGuides Theme - eine dunkle Version davon gebastelt (sie ist gerade mal 3kb gross). So installiert ihr die:
Ihr müsst dazu das "Stylus" Addon in eurem Browser installieren:
- Addon für Firefox: https://addons.mozilla.org/de/firefox/addon/styl-us/
- Addon für Google Chrome: https://chrome.google.com/webstore/detai…kkjfobafhncgmne
- Addon für Opera: https://addons.opera.com/de/extensions/details/stylus/
Achtung: Unter Linux funktioniert das Erkennen des Dark Mode nur im Firefox Browser. Da Google bzw das Chromium Team seit 3 Jahren einen einwandfrei funktionierenden Patch - damit auch Chromium basierte Browser das unter Linux nutzen können nicht akzeptiert... 🙄
**EDIT: Ab Chromium / Chrome in Version 115 funktioniert das Addon auch bei Google Chrome bzw Chromium basierten Browsern einwandfrei **
Wenn ihr das Addon installiert habt, könnt ihr auf diese Seite gehen. Und dort das Userstyle, dass ich für dieses Forum erstellt habe mit einem Klick über den "Install-Button" unterhalb vom Screenshot installieren.
Danach müsst ihr noch den Dark Mode in eurem System aktivieren - und dann sollte das alles automatisch funktionieren. Wenn ihr den Dark Mode wieder ausmacht, wird das Forum wie bisher angezeigt, wenn ihr ihn wieder anmacht in meinem gebastalten Dark Mode.
Der komplette Code den ich hier geschrieben habe ist unter der GPLv2 lizenziert und kann auf GitHub eingesehen, geforkt, kopiert, etc werden:
Link zum GitHub Projekt: https://github.com/srueegger/linuxguides-forum-dark-mode
In der Readme Datei, steht auch ziemlich ausführlich wie man die CSS Datei selber kompilieren kann.
Fehler und Probleme:
Es wird definitiv noch Fehler geben. Ich habe bestimmt einige Elemente vergessen oder einfach nicht daran gedacht, und die sind dann noch nicht dunkel eingefärbt. Wenn ihr solche Elemente findet, könnt ihr da sgerne hier als Antwort oder als Issue in GitHub melden.
Wichtig: Beim melden, am besten einen Screenshot und die genaue URL mitliefern
Happy Dark Mode euch allen.