Ich habe gerade ein Theme veröffentlicht, an dem ich eine Weile gearbeitet habe, das jetzt unter MIT-Lizenz Open Source ist: Ein sauberes, modernes Design, das auf halbtransparenten, gefrostet-glasartigen Oberflächen (Header, Sidebar, Suche) basiert und über ein eigens entwickeltes Farb- und Dark-Mode-Schema verfügt – keine hartkodierten Farben, alles ist an die CSS-Custom-Properties von Discourse gebunden, sodass es sofort mit automatischem Umschalten zwischen Hell- und Dunkelmodus funktioniert.
Repo: terraboss/discourse-terraglass
Funktionen
- Gefrostet-glasartige Oberflächen – Header, Sidebar/Hamburger-Menü und das Suchfeld/die Dropdown-Liste im Header sind halbtransparent, mit Hintergrund-Blur; Opazität und Blur-Stärke sind beide konfigurierbar
- Getrennte, eigens entwickelte Farb- und Dark-Mode-Schemata (nicht nur ein invertiertes einzelnes Schema), geprüft auf WCAG-AA-Kontrast für Text und UI-Elemente
- X/Twitter-artige Onebox-Linkvorschauen mit hauchdünner Umrandung und abgerundeten Ecken
- Etiketten-artige Flaggen-/Pfeil-förmige Tags
- Fixierte 16:9-Video-Einbettungen auf jedem Gerät
- Zebra-Stripe-Design der Themenliste mit dezentem Hover-Effekt
- Konfigurierbare Eckenabrundung für Buttons, Karten, Modals und Eingabefelder
- Barrierefreier Fokus-Outline, der die eigene Textfarbe des Schemas verwendet, damit er sowohl im Hell- als auch im Dunkelmodus sichtbar bleibt
- Alles oben Genannte ist eine Theme-Einstellung – schalte ab oder passe an, was du nicht möchtest
Installation
Anpassen → Themes → Installieren → Aus einem Git-Repository:
https://github.com/terraboss/discourse-terraglass
Damit hast du künftig auch die Möglichkeit, mit einem Klick nach Updates zu suchen.
Update
Das Problem mit dem backdrop-filter-Blur, das ich ursprünglich unten erwähnt habe, ist jetzt behoben – danke an awesomerobot, der die eigentliche Ursache aufgezeigt hat (Details hier). Sidebar, Hamburger-Menü und Suchpanel blurren jetzt alle korrekt.
Feedback ist willkommen, ich nehme gerne Feature-Wünsche oder Bug-Reports an.
