.svg){kind=link}
zen browser configurations
compatible with zen browser version latest- 1.20b
- Small window style
- Full window style
- Application Menu Button
- Make sure to add all the files in the chrome folder.
- Transparent background is only working for url interface,extension menu, findbar and for application menu. I don't recommend you to use third party apps for transparency since i am also not using it. It's your own choice if you want to.
- If you want to add a new application menu icon first go to the chrome file and add the icon there. Then just go to the
userChrome.cssfile and add the icon name in the quotation part of the code belowmenu button addedcomment.
Make sure to follow these steps below especially important one to ensure the theme works fine.
go to search bar and type about:config and click add button as boolean[We are creating new configs here]:
| Name | Set | Description |
|---|---|---|
bubble.clean.hide-single-toolbar-icon |
true |
Hide icons in urlbar (single toolbar) |
bubble.clean.show-titlebar |
true |
Show titlebar in hover |
bubble.clean.pinned-grid |
true |
Change pinned tab to grid style |
bubble.clean.show-workspace-name |
true |
Show workspace name indicator |
devtools.debugger.remote-enabled |
true |
enable the Browser Developer Tools |
devtools.chrome.enabled |
true |
enable the Browser Developer Tools |
toolkit.legacyUserProfileCustomizations.stylesheets |
true |
This will enable userChrome.css file |
Go to about:config and set:
| Name | Set | Description |
|---|---|---|
browser.tabs.groups.enabled |
true |
Enable tab group |
zen.theme.content-element-separation |
4 |
Thinner web view borders |
browser.tabs.allow_transparent_browser |
true |
Allow transparency |
widget.windows.mica |
true |
Allow transparency |
If you like it please give the repo a star. If you face any bugs or glich pls inform me in issue section by opening a new issue. [ Make sure to add proper descriptions and images, video or gif in the raised issue.].