zen-browser

mirror of https://github.com/catppuccin/zen-browser.git synced 2026-01-09 05:51:24 +08:00

Go to file

* fix(urlbar-background): Frappe theme

* fix(urlbar-background): Latte theme

* fix(urlbar-background): Macchiato theme

* fix(urlbar-background): Mocha theme

* fix: template

2025-09-27 18:16:22 -06:00

.github/workflows

refactor: add whiskers check & sync themes (#33 )

2025-04-23 03:11:21 +01:00

assets

fix: corrected preview images (#15 )

2024-11-11 13:53:49 -06:00

icons

New Zen Browser Icon (#23 )

2024-12-23 13:22:56 -06:00

templates

Fix/urlbar background (#52 )

2025-09-27 18:16:22 -06:00

themes

Fix/urlbar background (#52 )

2025-09-27 18:16:22 -06:00

.editorconfig

feat: container tabs styling (#18 )

2024-11-22 15:31:23 -06:00

.gitignore

First Commit

2024-09-11 20:43:56 -06:00

LICENSE

First Commit

2024-09-11 20:43:56 -06:00

README.md

Add setting required for new Zen version (#50 )

2025-09-22 00:21:49 -06:00

renovate.json

chore: Configure Renovate (#2 )

2024-10-23 01:53:30 +01:00

README.md

Catppuccin for Zen Browser

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

Create a chrome folder in your Zen Browser's profile directory and configure it to enable userstyles.
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.
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