Vollständiger Dark Mode in der Erweiterung, Auto-Theme und ein neuer 3-Button-Picker
Der Dark Mode in der JustZix-Erweiterung war bisher unvollständig — das Browser-Action-Popup leuchtete immer mit weißer Fläche, selbst bei eingeschaltetem Dark-Theme, und ein Teil der Modals hatte fest einprogrammierte schwarze Schrift auf dunklem Hintergrund. Im Mai 2026 haben wir drei Dinge ausgeliefert: vollständigen Dark Mode überall, ein Auto-Theme, das dem Betriebssystem folgt, und einen neuen 3-Button-Picker statt eines zyklischen Buttons.
Vollständiger Dark Mode im Popup (v3.2.78)
Das Browser-Action-Popup — das Fenster, das sich öffnet, wenn du auf das Erweiterungssymbol in der Browser-Toolbar klickst — war bis v3.2.77 immer hell, selbst mit aktiviertem Dark-Theme im Optionspanel. Das war ein altes „Relikt" — das Popup wurde vor der Einführung des Theme-Systems aufgeschraubt. Jetzt hat jedes Element im Popup :hover + die richtigen Farben in beiden Themes; das Einstellungssymbol und der Link zu justzix.com sind ebenfalls auf dunklem Hintergrund sichtbar.
18+ Modals haben Dark Mode bekommen (v3.2.77)
Der Dark Mode deckte bisher die Hauptansichten des Panels ab — den Katalogbaum, den Regel-Editor, den schwebenden Button. Modals — „Export", „Import", „Aktion hinzufügen", „Farbwähler", „Symbolwähler" — verwendeten fest einprogrammierte helle Farben (schwarze Schrift auf weiß), was im Dark Mode laute, unlesbare Kontraste ergab. Wir haben die Klassen modal-subtitle, modal-meta, modal-error, modal-code-input eingeführt, die auf einen Theme-Wechsel reagieren. Jedes Feld, Banner, Codeblock und Selektor in den 18+ Modals nimmt jetzt Farben, die zum Theme passen.
Auto-Theme — die Erweiterung folgt deinem System (v3.2.78)
Ein neuer Wert für die Theme-Einstellung — auto — lauscht auf das prefers-color-scheme des Betriebssystems. Schalte Auto einmal ein und die Erweiterung:
- zeigt tagsüber das helle Theme (wenn das System im hellen Modus ist),
- wechselt nachts automatisch auf Dark (wenn das System auf Dark Mode umschaltet) — kein manueller Klick,
- reagiert auf Live-Systemänderungen (macOS Night Shift, Windows „Modus wählen", GNOME „Stil").
Deine Einstellung synchronisiert sich zwischen Geräten — setze auto auf deinem Laptop, und die Erweiterung auf deinem Handy folgt ebenfalls dem System des Handys.
Segmented Control — 3 Buttons statt zyklischem Wechsel (v3.2.79)
Der alte Theme-Button in der Panelkopfzeile durchlief zyklisch: hell → dunkel → auto → hell. Der nervige Teil: um von dunkel auf hell zu springen, musstest du zweimal klicken und dir die Reihenfolge merken. Der neue Picker ist ein Segmented Control — drei Buttons nebeneinander — ☀️ hell, 🌙 dunkel, ⊙ auto. Klicke direkt auf das, was du willst. Die aktuelle Auswahl ist hervorgehoben.
Das themeAuto-Symbol ist eine neue Ergänzung im JustZix-Symbolset — ein Kreis mit zur Hälfte gefülltem Inneren (das klassische Auto-Kontrast- / Tag-Nacht-Symbol).
Wo du den Picker findest
Der Theme-Picker sitzt in der Kopfzeile des Optionspanels, direkt neben dem Sprachwähler. Die Einstellung ist sofort wirksam — kein Neustart, kein Reload; jedes Fenster (das Optionspanel, das Browser-Action-Popup, TEMP-Fenster, das AI-Helper-Fenster) reagiert augenblicklich.
Warum das wichtig ist
Die Erweiterung ist ein Werkzeug, das du in deinen Browser einklinkst — und sie muss ein Stück deiner Umgebung sein, keine Insel. Wenn du ein dunkles Browser-Theme verwendest, dein OS im Nachtmodus läuft und die Erweiterung dir immer noch ein weißes Popup ins Gesicht blitzt — das ist ein kleines, aber ständiges Zeichen von „fremdem Werkzeug". Dark Mode + Auto-Theme ist die Geste „wir gehören zu deinem Setup".
Siehe auch
- Fenster auf der Seite — jedes Entwicklerfenster, das die Erweiterung mitbringt, reagiert auf das Theme
- JustZix-Tastenkürzel — der vollständige Spickzettel für die Tastaturbedienung
- Interaktives Onboarding-Tutorial — eine geführte Tour durch dein erstes Projekt
JustZix installieren — und halte den Dark Mode synchron mit dem Rest deines Setups.
Bewerte diesen Beitrag
Noch keine Bewertungen — sei der Erste.