Catppuccin for Zen Browser

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

1. Create a chrome folder in your Zen Browser's profile directory and configure it to enable userstyles.
2. Copy the userChrome.css, userContent.css, and zen-logo.svg files of your preferred theme from the themes/ directory in this repository to your chrome folder.
3. Enable toolkit.legacyUserProfileCustomizations.stylesheets in about:config.

Note

If you're using the 🌻 Latte theme, set your browser to light mode. For 🪴 Frappé, 🌺 Macchiato, or 🌿 Mocha, enable dark mode to apply the theme correctly.

🙋 FAQ

• Q: What if I already have a userChrome.css and/or userContent.css configuration?

  A: You can copy and paste the content of our userChrome.css and/or userContent.css files into your existing ones. This way, you can keep your current configurations while applying the new theme settings.

• Q: Can I automatically switch flavors between light and dark mode?

  A: Yes! You can concatenate the userChrome.css and userContent.css files for 🌻 Latte (light mode) along with one of the dark mode themes like 🪴 Frappé, 🌺 Macchiato, or 🌿 Mocha. The browser will automatically switch between these themes when toggling between light and dark mode.

💝 Thanks to

• IAmJafeth

 

Copyright © 2021-present Catppuccin Org