chrome
folder in your Zen Browser's profile directory.userChrome.css
, userContent.css
, and zen-logo.svg
files of your preferred theme from the themes/
directory in this repository to your chrome
folder.[!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.
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.
Copyright © 2021-present Catppuccin Org