Full dark mode in the extension, auto theme and a new 3-button picker
Dark mode in the JustZix extension used to be incomplete — the browser-action popup always lit up a white surface even with the dark theme on, and a chunk of modals had hard-coded black type on dark backgrounds. In May 2026 we shipped three pieces: full dark mode everywhere, an auto theme that follows the operating system, and a new 3-button picker instead of one cycling button.
Full dark mode in the popup (v3.2.78)
The browser-action popup — the window that opens when you click the extension icon in the browser toolbar — was always light through v3.2.77, even with the dark theme switched on in the options panel. That was an old "relic" — the popup was bolted on before the theme system shipped. Now every element in the popup has :hover + the right colors in both themes; the settings icon and the link to justzix.com are also visible against a dark background.
18+ modals got dark mode (v3.2.77)
Dark mode previously covered the main panel views — the catalog tree, the rule editor, the floating button. Modals — "Export", "Import", "Add action", "Color picker", "Icon picker" — used hard-coded light colors (black type on white) which gave loud, unreadable contrast in dark mode. We introduced the modal-subtitle, modal-meta, modal-error, modal-code-input classes that react to a theme change. Every field, banner, code block and selector across the 18+ modals now picks colors that fit the theme.
Auto theme — the extension follows your system (v3.2.78)
A new theme setting value — auto — listens to the operating system's prefers-color-scheme. Turn auto on once and the extension:
- shows the light theme during the day (when the system is in light mode),
- switches to dark at night automatically (when the system flips to dark mode) — no manual click,
- reacts to live system changes (macOS Night Shift, Windows "Choose your mode", GNOME "Style").
Your preference syncs across devices — set auto on your laptop, the extension on your phone follows your phone's system too.
Segmented control — 3 buttons instead of cycling (v3.2.79)
The old theme button in the panel header cycled: light → dark → auto → light. The annoying part: to jump from dark to light, you had to click twice and remember the order. The new picker is a segmented control — three buttons side by side — ☀️ light, 🌙 dark, ⊙ auto. Click directly on what you want. The current pick is highlighted.
The themeAuto icon is a new addition to the JustZix icon set — a circle with one half filled (the classic auto-contrast / day-night symbol).
Where to find the picker
The theme picker sits in the header of the options panel, right next to the language selector. The setting is immediate — no restart, no reload; every window (the options panel, the browser-action popup, TEMP windows, the AI Helper window) reacts instantly.
Why it matters
The extension is a tool you bolt into your browser — and it has to be a piece of your environment, not an island. If you run a dark browser theme, your OS is in night mode, and the extension still flashes a white popup at you — that's a small but constant tell of "foreign tool". Dark mode + auto theme is the gesture of "we belong to your setup".
See also
- On-page windows — every developer window the extension ships, all of them react to the theme
- JustZix keyboard shortcuts — the full cheat sheet for keyboard usage
- Interactive onboarding tutorial — a guided walk through your first project
Install JustZix — and keep dark mode in sync with the rest of your setup.
Rate this post
No ratings yet — be the first.