Here's how I did it:
- For the new tab page, I installed an extension called Tabliss.
- To get the custom colors, I used this guide: https://docs.zen-browser.app/guides/live-editing (the code can be found at the bottom of the post)
- Installed many themes from the theme store.
/* This is an auto generated color theme. */
:root {
--zen-colors-primary: #5e2f46 !important;
--zen-colors-secondary: #734059 !important;
--zen-colors-tertiary: #6c3651 !important;
--zen-colors-border: ##ffa8fb !important;
--zen-dialog-background: #381c2a !important;
}
}```
This guide will help you customize the appearance of Zen Browser by live editing the userChrome.css file. Follow the steps below to start customizing your browserβs theme.