Automatically sync your Omarchy theme to Zen Browser. Every time you switch themes in Omarchy, Zen Browser updates instantly to match.
- Reads your active Omarchy theme colors from
colors.toml - Generates a
userChrome.cssfor Zen Browser with matching colors - Hooks into
omarchy-theme-set-browserso it runs on every theme switch - Restarts Zen automatically to apply the new theme
Switch themes in Omarchy → Zen updates automatically
- Omarchy installed and configured
- Zen Browser installed
- Zen launched at least once (to create the profile)
git clone https://github.com/mehexi/omarchy-zen
cd omarchy-zen
bash install.shThen in Zen Browser, open about:config and set:
toolkit.legacyUserProfileCustomizations.stylesheets = true
Restart Zen and you're done.
omarchy-theme-set-zen- Tab bar background and active tab highlight
- URL bar background, border, and focus color
- URL bar dropdown — active item uses accent color
- Sidebar background
- Toolbar and nav bar
- Titlebar and window borders
- All Zen CSS variables (
--zen-accent-color,--zen-colors-*, etc.)
The installer:
- Auto-detects your active Zen profile from
installs.ini - Writes
omarchy-theme-set-zento~/.local/share/omarchy/bin/ - Appends a hook to
omarchy-theme-set-browser(which Omarchy calls on every theme change) - Enables
userChrome.csssupport in Zen'sprefs.js
On each theme switch, the script reads ~/.config/omarchy/current/theme/colors.toml, generates a fresh userChrome.css, and restarts Zen.
Zen Browser has a built-in gradient theme generator that sets inline styles via JavaScript — these override CSS variables. For best results, right-click the Zen toolbar → Edit Theme and set it to a flat/neutral color. Your Omarchy colors will then show through cleanly.
All built-in Omarchy themes work out of the box:
catppuccin · gruvbox · tokyo-night · nord · rose-pine · kanagawa · everforest · hackerman · matte-black · miasma · ethereal · vantablack · white · and more
MIT