Zen Browser

Zen Browser can load Noctalia’s generated CSS through your profile’s userChrome.css file.

Setup

Section titled “Setup”

1. Enable profile stylesheets:

• Open about:config
• Set toolkit.legacyUserProfileCustomizations.stylesheets to true

1. Set the Zen theme to Auto:

• Open Settings → Appearance
• Set Website Appearance to Auto so Zen applies the colors from the Noctalia CSS

1. Reload colors after changes:

• Restart Zen Browser to load the updated color scheme from Noctalia

Remove the theme

Section titled “Remove the theme”

Delete these lines from your profile’s userChrome.css and userContent.css to revert to the default styling:

@import "/home/YOURUSERNAME/.cache/noctalia/zen-browser/zen-userChrome.css";

@import "/home/YOURUSERNAME/.cache/noctalia/zen-browser/zen-userContent.css";