Showing preview only (492K chars total). Download the full file or copy to clipboard to get everything.
Repository: catppuccin/zen-browser
Branch: main
Commit: c855685442c6
Files: 121
Total size: 456.9 KB
Directory structure:
gitextract_o6c22_ku/
├── .editorconfig
├── .github/
│ └── workflows/
│ └── whiskers-check.yml
├── .gitignore
├── LICENSE
├── README.md
├── renovate.json
├── templates/
│ ├── userChrome.tera
│ ├── userContent.tera
│ └── zen-logo.tera
└── themes/
├── Frappe/
│ ├── Blue/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Flamingo/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Green/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Lavender/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Maroon/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Mauve/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Peach/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Pink/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Red/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Rosewater/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sapphire/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sky/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Teal/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ └── Yellow/
│ ├── userChrome.css
│ └── userContent.css
├── Latte/
│ ├── Blue/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Flamingo/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Green/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Lavender/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Maroon/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Mauve/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Peach/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Pink/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Red/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Rosewater/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sapphire/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sky/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Teal/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ └── Yellow/
│ ├── userChrome.css
│ └── userContent.css
├── Macchiato/
│ ├── Blue/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Flamingo/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Green/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Lavender/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Maroon/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Mauve/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Peach/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Pink/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Red/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Rosewater/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sapphire/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sky/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Teal/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ └── Yellow/
│ ├── userChrome.css
│ └── userContent.css
└── Mocha/
├── Blue/
│ ├── userChrome.css
│ └── userContent.css
├── Flamingo/
│ ├── userChrome.css
│ └── userContent.css
├── Green/
│ ├── userChrome.css
│ └── userContent.css
├── Lavender/
│ ├── userChrome.css
│ └── userContent.css
├── Maroon/
│ ├── userChrome.css
│ └── userContent.css
├── Mauve/
│ ├── userChrome.css
│ └── userContent.css
├── Peach/
│ ├── userChrome.css
│ └── userContent.css
├── Pink/
│ ├── userChrome.css
│ └── userContent.css
├── Red/
│ ├── userChrome.css
│ └── userContent.css
├── Rosewater/
│ ├── userChrome.css
│ └── userContent.css
├── Sapphire/
│ ├── userChrome.css
│ └── userContent.css
├── Sky/
│ ├── userChrome.css
│ └── userContent.css
├── Teal/
│ ├── userChrome.css
│ └── userContent.css
└── Yellow/
├── userChrome.css
└── userContent.css
================================================
FILE CONTENTS
================================================
================================================
FILE: .editorconfig
================================================
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# EditorConfig is awesome: https://EditorConfig.org
root = true
[*]
charset = utf-8
indent_size = 2
indent_style = space
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
# go
[*.go]
indent_style = tab
indent_size = 4
# python
[*.{ini,py,py.tpl,rst}]
indent_size = 4
# rust
[*.rs]
indent_size = 4
# documentation, utils
[*.{md,mdx,diff}]
trim_trailing_whitespace = false
# windows shell scripts
[*.{cmd,bat,ps1}]
end_of_line = crlf
================================================
FILE: .github/workflows/whiskers-check.yml
================================================
name: whiskers
on:
workflow_dispatch:
push:
branches: [main]
pull_request:
branches: [main]
jobs:
run:
uses: catppuccin/actions/.github/workflows/whiskers-check.yml@v1
with:
args: |
templates/userChrome.tera
templates/userContent.tera
templates/zen-logo.tera
secrets: inherit
================================================
FILE: .gitignore
================================================
.DS_Store
**/.DS_Store
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2021 Catppuccin
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
<h3 align="center">
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
Catppuccin for <a href="https://zen-browser.app/">Zen Browser</a>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
</h3>
<p align="center">
<a href="https://github.com/catppuccin/zen-browser/stargazers"><img src="https://img.shields.io/github/stars/catppuccin/zen-browser?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a>
<a href="https://github.com/catppuccin/zen-browser/issues"><img src="https://img.shields.io/github/issues/catppuccin/zen-browser?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a>
<a href="https://github.com/catppuccin/zen-browser/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/zen-browser?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a>
</p>
<p align="center">
<img src="assets/preview.webp"/>
</p>
## Previews
<details>
<summary>🌻 Latte</summary>
<img src="assets/latte.webp"/>
</details>
<details>
<summary>🪴 Frappé</summary>
<img src="assets/frappe.webp"/>
</details>
<details>
<summary>🌺 Macchiato</summary>
<img src="assets/macchiato.webp"/>
</details>
<details>
<summary>🌿 Mocha</summary>
<img src="assets/mocha.webp"/>
</details>
## Usage
1. [Create a `chrome` folder](https://www.userchrome.org/how-create-userchrome-css.html) 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/`](themes/) directory in this repository to your `chrome` folder.
3. Enable `toolkit.legacyUserProfileCustomizations.stylesheets` in [about:config](about:config).
> [!NOTE]
> If you're using the [🌻 Latte](themes/Latte/) theme, set your browser to light mode. For [🪴 Frappé](themes/Frappe/), [🌺 Macchiato](themes/Macchiato/), or [🌿 Mocha](themes/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](https://github.com/IAmJafeth)
<p align="center">
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" />
</p>
<p align="center">
Copyright © 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
</p>
<p align="center">
<a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>
</p>
================================================
FILE: renovate.json
================================================
{
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
"extends": [
"local>catppuccin/renovate-config"
]
}
================================================
FILE: templates/userChrome.tera
================================================
---
whiskers:
version: ^2.5.1
matrix:
- accent
- flavor
filename: "themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/userChrome.css"
---
{%- set palette = flavor.colors -%}
/* Catppuccin {{flavor.identifier | capitalize}} {{accent | capitalize}} userChrome.css*/
@media (prefers-color-scheme: {{ if(cond=flavor.dark, t="dark", f="light") }}) {
:root {
--zen-colors-primary: #{{ surface0.hex }} !important;
--zen-primary-color: #{{ palette[accent].hex }} !important;
--zen-colors-secondary: #{{ surface0.hex }} !important;
--zen-colors-tertiary: #{{ mantle.hex }} !important;
--zen-colors-border: #{{ palette[accent].hex }} !important;
--toolbarbutton-icon-fill: #{{ palette[accent].hex }} !important;
--lwt-text-color: #{{ text.hex }} !important;
--toolbar-field-color: #{{ text.hex }} !important;
--tab-selected-textcolor: {{ palette[accent] | mix(color=text, amount=0.5) | css_rgb}} !important;
--toolbar-field-focus-color: #{{ text.hex }} !important;
--toolbar-color: #{{ text.hex }} !important;
--newtab-text-primary-color: #{{ text.hex }} !important;
--arrowpanel-color: #{{ text.hex }} !important;
--arrowpanel-background: #{{ base.hex }} !important;
--sidebar-text-color: #{{ text.hex }} !important;
--lwt-sidebar-text-color: #{{ text.hex }} !important;
--lwt-sidebar-background-color: #{{ crust.hex }} !important;
--toolbar-bgcolor: #{{ surface0.hex }} !important;
--newtab-background-color: #{{ base.hex }} !important;
--zen-themed-toolbar-bg: #{{ mantle.hex }} !important;
--zen-main-browser-background: #{{ mantle.hex }} !important;
--toolbox-bgcolor-inactive: #{{ mantle.hex }} !important;
}
#permissions-granted-icon {
color: #{{ mantle.hex }} !important;
}
.sidebar-placesTree {
background-color: #{{ base.hex }} !important;
}
#zen-workspaces-button {
background-color: #{{ base.hex }} !important;
}
#TabsToolbar {
background-color: #{{ mantle.hex }} !important;
}
.urlbar-background {
background-color: #{{ base.hex }} !important;
}
.content-shortcuts {
background-color: #{{ base.hex }} !important;
border-color: #{{ palette[accent].hex }} !important;
}
.urlbarView-url {
color: #{{ palette[accent].hex }} !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #{{ crust.hex }} !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #{{ surface0.hex }} !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #{{ crust.hex }};
}
}
}
.identity-color-blue {
--identity-tab-color: #{{ blue.hex }} !important;
--identity-icon-color: #{{ blue.hex }} !important;
}
.identity-color-turquoise {
--identity-tab-color: #{{ teal.hex }} !important;
--identity-icon-color: #{{ teal.hex }} !important;
}
.identity-color-green {
--identity-tab-color: #{{ green.hex }} !important;
--identity-icon-color: #{{ green.hex }} !important;
}
.identity-color-yellow {
--identity-tab-color: #{{ yellow.hex }} !important;
--identity-icon-color: #{{ yellow.hex }} !important;
}
.identity-color-orange {
--identity-tab-color: #{{ peach.hex }} !important;
--identity-icon-color: #{{ peach.hex }} !important;
}
.identity-color-red {
--identity-tab-color: #{{ red.hex }} !important;
--identity-icon-color: #{{ red.hex }} !important;
}
.identity-color-pink {
--identity-tab-color: #{{ pink.hex }} !important;
--identity-icon-color: #{{ pink.hex }} !important;
}
.identity-color-purple {
--identity-tab-color: #{{ mauve.hex }} !important;
--identity-icon-color: #{{ mauve.hex }} !important;
}
hbox#titlebar {
background-color: #{{ mantle.hex }} !important;
}
#zen-appcontent-navbar-container {
background-color: #{{ mantle.hex }} !important;
}
}
================================================
FILE: templates/userContent.tera
================================================
---
whiskers:
version: ^2.5.1
matrix:
- accent
- flavor
filename: "themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/userContent.css"
---
{%- set palette = flavor.colors -%}
/* Catppuccin {{flavor.identifier | capitalize}} {{accent | capitalize}} userContent.css*/
@media (prefers-color-scheme: {{ if(cond=flavor.dark, t="dark", f="light") }}) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #{{ text.hex }} !important;
--color-accent-primary: #{{ palette[accent].hex }} !important;
--color-accent-primary-hover: {{ palette[accent] | add(lightness=5) | css_rgb }} !important;
--color-accent-primary-active: {{ palette[accent] | add(hue=15) | css_rgb}} !important;
background-color: #{{ base.hex }} !important;
--in-content-page-background: #{{ base.hex }} !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #{{ base.hex }} !important;
--newtab-background-color-secondary: #{{ surface0.hex }} !important;
--newtab-element-hover-color: #{{ surface0.hex }} !important;
--newtab-text-primary-color: #{{ text.hex }} !important;
--newtab-wordmark-color: #{{ text.hex }} !important;
--newtab-primary-action-background: #{{palette[accent].hex}} !important;
}
.icon {
color: #{{ palette[accent].hex }} !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-{{ flavor.identifier }}.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/zen-logo-{{ flavor.identifier }}.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #{{ palette[accent].hex }} !important;
}
.top-site-outer .search-topsite {
background-color: #{{ blue.hex }} !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #{{ green.hex }} !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #{{ mantle.hex }} !important;
--in-content-text-color: #{{ text.hex }} !important;
--link-color: #{{ palette[accent].hex }} !important;
--link-color-hover: {{ palette[accent] | add(lightness=5) | css_rgb }} !important;
--zen-colors-primary: #{{ surface0.hex }} !important;
--in-content-box-background: #{{ surface0.hex }} !important;
--zen-primary-color: #{{ palette[accent].hex }} !important;
}
groupbox , moz-card{
background: #{{ base.hex }} !important;
}
button,
groupbox menulist {
background: #{{ surface0.hex }} !important;
color: #{{ text.hex }} !important;
}
.main-content {
background-color: #{{ crust.hex }} !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #{{ mantle.hex }} !important;
--background-color-box: #{{ base.hex }} !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #{{ base.hex }} !important;
--social-color: #{{ mauve.hex }} !important;
--coockie-color: #{{ sky.hex }} !important;
--fingerprinter-color: #{{ yellow.hex }} !important;
--cryptominer-color: #{{ lavender.hex }} !important;
--tracker-color: #{{ green.hex }} !important;
--in-content-primary-button-background-hover: {{ surface1 | add(lightness=5) | css_rgb }} !important;
--in-content-primary-button-text-color-hover: #{{ text.hex }} !important;
--in-content-primary-button-background: #{{ surface1.hex }} !important;
--in-content-primary-button-text-color: #{{ text.hex }} !important;
}
.card {
background-color: #{{ surface0.hex }} !important;
}
}
}
================================================
FILE: templates/zen-logo.tera
================================================
---
whiskers:
version: ^2.5.1
matrix:
- accent
- flavor
filename: "themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/zen-logo-{{ flavor.identifier }}.svg"
---
{%- set palette = flavor.colors -%}
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_15_9)">
<rect width="1024" height="1024" rx="225" fill="#{{crust.hex}}"/>
<circle cx="512" cy="512" r="340" stroke="#{{text.hex}}" stroke-width="70"/>
<circle cx="512" cy="512" r="224.915" stroke="#{{text.hex}}" stroke-width="51"/>
<circle cx="512" cy="512" r="129.018" stroke="#{{text.hex}}" stroke-width="31"/>
</g>
<defs>
<clipPath id="clip0_15_9">
<rect width="1024" height="1024" fill="white"/>
</clipPath>
</defs>
</svg>
================================================
FILE: themes/Frappe/Blue/userChrome.css
================================================
/* Catppuccin Frappe Blue userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #8caaee !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #8caaee !important;
--toolbarbutton-icon-fill: #8caaee !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(169, 189, 241) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #8caaee !important;
}
.urlbarView-url {
color: #8caaee !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Blue/userContent.css
================================================
/* Catppuccin Frappe Blue userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #8caaee !important;
--color-accent-primary-hover: rgb(163, 186, 241) !important;
--color-accent-primary-active: rgb(140, 145, 238) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #8caaee !important;
}
.icon {
color: #8caaee !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Blue/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #8caaee !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #8caaee !important;
--link-color-hover: rgb(163, 186, 241) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #8caaee !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Flamingo/userChrome.css
================================================
/* Catppuccin Frappe Flamingo userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #eebebe !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #eebebe !important;
--toolbarbutton-icon-fill: #eebebe !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(218, 199, 217) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #eebebe !important;
}
.urlbarView-url {
color: #eebebe !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Flamingo/userContent.css
================================================
/* Catppuccin Frappe Flamingo userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #eebebe !important;
--color-accent-primary-hover: rgb(243, 211, 211) !important;
--color-accent-primary-active: rgb(238, 202, 190) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #eebebe !important;
}
.icon {
color: #eebebe !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Flamingo/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #eebebe !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #eebebe !important;
--link-color-hover: rgb(243, 211, 211) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #eebebe !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Green/userChrome.css
================================================
/* Catppuccin Frappe Green userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #a6d189 !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #a6d189 !important;
--toolbarbutton-icon-fill: #a6d189 !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(182, 209, 191) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #a6d189 !important;
}
.urlbarView-url {
color: #a6d189 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Green/userContent.css
================================================
/* Catppuccin Frappe Green userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #a6d189 !important;
--color-accent-primary-hover: rgb(180, 216, 156) !important;
--color-accent-primary-active: rgb(148, 209, 137) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #a6d189 !important;
}
.icon {
color: #a6d189 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Green/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #a6d189 !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #a6d189 !important;
--link-color-hover: rgb(180, 216, 156) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #a6d189 !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Lavender/userChrome.css
================================================
/* Catppuccin Frappe Lavender userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #babbf1 !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #babbf1 !important;
--toolbarbutton-icon-fill: #babbf1 !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(192, 198, 243) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #babbf1 !important;
}
.urlbarView-url {
color: #babbf1 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Lavender/userContent.css
================================================
/* Catppuccin Frappe Lavender userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #babbf1 !important;
--color-accent-primary-hover: rgb(208, 209, 246) !important;
--color-accent-primary-active: rgb(200, 187, 241) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #babbf1 !important;
}
.icon {
color: #babbf1 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Lavender/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #babbf1 !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #babbf1 !important;
--link-color-hover: rgb(208, 209, 246) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #babbf1 !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Maroon/userChrome.css
================================================
/* Catppuccin Frappe Maroon userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #ea999c !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #ea999c !important;
--toolbarbutton-icon-fill: #ea999c !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(216, 181, 200) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #ea999c !important;
}
.urlbarView-url {
color: #ea999c !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Maroon/userContent.css
================================================
/* Catppuccin Frappe Maroon userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #ea999c !important;
--color-accent-primary-hover: rgb(239, 175, 177) !important;
--color-accent-primary-active: rgb(234, 171, 154) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #ea999c !important;
}
.icon {
color: #ea999c !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Maroon/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #ea999c !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #ea999c !important;
--link-color-hover: rgb(239, 175, 177) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #ea999c !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Mauve/userChrome.css
================================================
/* Catppuccin Frappe Mauve userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #ca9ee6 !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #ca9ee6 !important;
--toolbarbutton-icon-fill: #ca9ee6 !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(200, 183, 237) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #ca9ee6 !important;
}
.urlbarView-url {
color: #ca9ee6 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Mauve/userContent.css
================================================
/* Catppuccin Frappe Mauve userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #ca9ee6 !important;
--color-accent-primary-hover: rgb(214, 179, 235) !important;
--color-accent-primary-active: rgb(220, 158, 230) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #ca9ee6 !important;
}
.icon {
color: #ca9ee6 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Mauve/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #ca9ee6 !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #ca9ee6 !important;
--link-color-hover: rgb(214, 179, 235) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #ca9ee6 !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Peach/userChrome.css
================================================
/* Catppuccin Frappe Peach userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #ef9f76 !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #ef9f76 !important;
--toolbarbutton-icon-fill: #ef9f76 !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(219, 184, 181) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #ef9f76 !important;
}
.urlbarView-url {
color: #ef9f76 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Peach/userContent.css
================================================
/* Catppuccin Frappe Peach userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #ef9f76 !important;
--color-accent-primary-hover: rgb(242, 175, 142) !important;
--color-accent-primary-active: rgb(239, 189, 119) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #ef9f76 !important;
}
.icon {
color: #ef9f76 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Peach/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #ef9f76 !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #ef9f76 !important;
--link-color-hover: rgb(242, 175, 142) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #ef9f76 !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Pink/userChrome.css
================================================
/* Catppuccin Frappe Pink userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #f4b8e4 !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #f4b8e4 !important;
--toolbarbutton-icon-fill: #f4b8e4 !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(221, 196, 236) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #f4b8e4 !important;
}
.urlbarView-url {
color: #f4b8e4 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Pink/userContent.css
================================================
/* Catppuccin Frappe Pink userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #f4b8e4 !important;
--color-accent-primary-hover: rgb(248, 206, 237) !important;
--color-accent-primary-active: rgb(244, 184, 213) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #f4b8e4 !important;
}
.icon {
color: #f4b8e4 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Pink/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #f4b8e4 !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #f4b8e4 !important;
--link-color-hover: rgb(248, 206, 237) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #f4b8e4 !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Red/userChrome.css
================================================
/* Catppuccin Frappe Red userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #e78284 !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #e78284 !important;
--toolbarbutton-icon-fill: #e78284 !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(215, 169, 188) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #e78284 !important;
}
.urlbarView-url {
color: #e78284 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Red/userContent.css
================================================
/* Catppuccin Frappe Red userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #e78284 !important;
--color-accent-primary-hover: rgb(235, 153, 154) !important;
--color-accent-primary-active: rgb(231, 154, 131) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #e78284 !important;
}
.icon {
color: #e78284 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Red/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #e78284 !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #e78284 !important;
--link-color-hover: rgb(235, 153, 154) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #e78284 !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Rosewater/userChrome.css
================================================
/* Catppuccin Frappe Rosewater userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #f2d5cf !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #f2d5cf !important;
--toolbarbutton-icon-fill: #f2d5cf !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(220, 211, 226) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #f2d5cf !important;
}
.urlbarView-url {
color: #f2d5cf !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Rosewater/userContent.css
================================================
/* Catppuccin Frappe Rosewater userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #f2d5cf !important;
--color-accent-primary-hover: rgb(248, 232, 228) !important;
--color-accent-primary-active: rgb(242, 222, 208) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #f2d5cf !important;
}
.icon {
color: #f2d5cf !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Rosewater/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #f2d5cf !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #f2d5cf !important;
--link-color-hover: rgb(248, 232, 228) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #f2d5cf !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Sapphire/userChrome.css
================================================
/* Catppuccin Frappe Sapphire userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #85c1dc !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #85c1dc !important;
--toolbarbutton-icon-fill: #85c1dc !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(166, 201, 232) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #85c1dc !important;
}
.urlbarView-url {
color: #85c1dc !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Sapphire/userContent.css
================================================
/* Catppuccin Frappe Sapphire userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #85c1dc !important;
--color-accent-primary-hover: rgb(154, 203, 226) !important;
--color-accent-primary-active: rgb(134, 171, 220) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #85c1dc !important;
}
.icon {
color: #85c1dc !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Sapphire/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #85c1dc !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #85c1dc !important;
--link-color-hover: rgb(154, 203, 226) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #85c1dc !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Sky/userChrome.css
================================================
/* Catppuccin Frappe Sky userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #99d1db !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #99d1db !important;
--toolbarbutton-icon-fill: #99d1db !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(176, 209, 232) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #99d1db !important;
}
.urlbarView-url {
color: #99d1db !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Sky/userContent.css
================================================
/* Catppuccin Frappe Sky userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #99d1db !important;
--color-accent-primary-hover: rgb(172, 218, 226) !important;
--color-accent-primary-active: rgb(153, 193, 219) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #99d1db !important;
}
.icon {
color: #99d1db !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Sky/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #99d1db !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #99d1db !important;
--link-color-hover: rgb(172, 218, 226) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #99d1db !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Teal/userChrome.css
================================================
/* Catppuccin Frappe Teal userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #81c8be !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #81c8be !important;
--toolbarbutton-icon-fill: #81c8be !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(164, 204, 217) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #81c8be !important;
}
.urlbarView-url {
color: #81c8be !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Teal/userContent.css
================================================
/* Catppuccin Frappe Teal userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #81c8be !important;
--color-accent-primary-hover: rgb(148, 208, 200) !important;
--color-accent-primary-active: rgb(130, 192, 200) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #81c8be !important;
}
.icon {
color: #81c8be !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Teal/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #81c8be !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #81c8be !important;
--link-color-hover: rgb(148, 208, 200) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #81c8be !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Frappe/Yellow/userChrome.css
================================================
/* Catppuccin Frappe Yellow userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #414559 !important;
--zen-primary-color: #e5c890 !important;
--zen-colors-secondary: #414559 !important;
--zen-colors-tertiary: #292c3c !important;
--zen-colors-border: #e5c890 !important;
--toolbarbutton-icon-fill: #e5c890 !important;
--lwt-text-color: #c6d0f5 !important;
--toolbar-field-color: #c6d0f5 !important;
--tab-selected-textcolor: rgb(214, 204, 194) !important;
--toolbar-field-focus-color: #c6d0f5 !important;
--toolbar-color: #c6d0f5 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--arrowpanel-color: #c6d0f5 !important;
--arrowpanel-background: #303446 !important;
--sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-text-color: #c6d0f5 !important;
--lwt-sidebar-background-color: #232634 !important;
--toolbar-bgcolor: #414559 !important;
--newtab-background-color: #303446 !important;
--zen-themed-toolbar-bg: #292c3c !important;
--zen-main-browser-background: #292c3c !important;
--toolbox-bgcolor-inactive: #292c3c !important;
}
#permissions-granted-icon {
color: #292c3c !important;
}
.sidebar-placesTree {
background-color: #303446 !important;
}
#zen-workspaces-button {
background-color: #303446 !important;
}
#TabsToolbar {
background-color: #292c3c !important;
}
.urlbar-background {
background-color: #303446 !important;
}
.content-shortcuts {
background-color: #303446 !important;
border-color: #e5c890 !important;
}
.urlbarView-url {
color: #e5c890 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #232634 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #414559 !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #232634;
}
}
}
.identity-color-blue {
--identity-tab-color: #8caaee !important;
--identity-icon-color: #8caaee !important;
}
.identity-color-turquoise {
--identity-tab-color: #81c8be !important;
--identity-icon-color: #81c8be !important;
}
.identity-color-green {
--identity-tab-color: #a6d189 !important;
--identity-icon-color: #a6d189 !important;
}
.identity-color-yellow {
--identity-tab-color: #e5c890 !important;
--identity-icon-color: #e5c890 !important;
}
.identity-color-orange {
--identity-tab-color: #ef9f76 !important;
--identity-icon-color: #ef9f76 !important;
}
.identity-color-red {
--identity-tab-color: #e78284 !important;
--identity-icon-color: #e78284 !important;
}
.identity-color-pink {
--identity-tab-color: #f4b8e4 !important;
--identity-icon-color: #f4b8e4 !important;
}
.identity-color-purple {
--identity-tab-color: #ca9ee6 !important;
--identity-icon-color: #ca9ee6 !important;
}
hbox#titlebar {
background-color: #292c3c !important;
}
#zen-appcontent-navbar-container {
background-color: #292c3c !important;
}
}
================================================
FILE: themes/Frappe/Yellow/userContent.css
================================================
/* Catppuccin Frappe Yellow userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #c6d0f5 !important;
--color-accent-primary: #e5c890 !important;
--color-accent-primary-hover: rgb(234, 211, 166) !important;
--color-accent-primary-active: rgb(229, 222, 145) !important;
background-color: #303446 !important;
--in-content-page-background: #303446 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #303446 !important;
--newtab-background-color-secondary: #414559 !important;
--newtab-element-hover-color: #414559 !important;
--newtab-text-primary-color: #c6d0f5 !important;
--newtab-wordmark-color: #c6d0f5 !important;
--newtab-primary-action-background: #e5c890 !important;
}
.icon {
color: #e5c890 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-frappe.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Yellow/zen-logo-frappe.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #e5c890 !important;
}
.top-site-outer .search-topsite {
background-color: #8caaee !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #a6d189 !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #292c3c !important;
--in-content-text-color: #c6d0f5 !important;
--link-color: #e5c890 !important;
--link-color-hover: rgb(234, 211, 166) !important;
--zen-colors-primary: #414559 !important;
--in-content-box-background: #414559 !important;
--zen-primary-color: #e5c890 !important;
}
groupbox , moz-card{
background: #303446 !important;
}
button,
groupbox menulist {
background: #414559 !important;
color: #c6d0f5 !important;
}
.main-content {
background-color: #232634 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #292c3c !important;
--background-color-box: #303446 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #303446 !important;
--social-color: #ca9ee6 !important;
--coockie-color: #99d1db !important;
--fingerprinter-color: #e5c890 !important;
--cryptominer-color: #babbf1 !important;
--tracker-color: #a6d189 !important;
--in-content-primary-button-background-hover: rgb(92, 99, 124) !important;
--in-content-primary-button-text-color-hover: #c6d0f5 !important;
--in-content-primary-button-background: #51576d !important;
--in-content-primary-button-text-color: #c6d0f5 !important;
}
.card {
background-color: #414559 !important;
}
}
}
================================================
FILE: themes/Latte/Blue/userChrome.css
================================================
/* Catppuccin Latte Blue userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #1e66f5 !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #1e66f5 !important;
--toolbarbutton-icon-fill: #1e66f5 !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(53, 90, 175) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #1e66f5 !important;
}
.urlbarView-url {
color: #1e66f5 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Blue/userContent.css
================================================
/* Catppuccin Latte Blue userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #1e66f5 !important;
--color-accent-primary-hover: rgb(56, 119, 246) !important;
--color-accent-primary-active: rgb(31, 49, 245) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #1e66f5 !important;
}
.icon {
color: #1e66f5 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Blue/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #1e66f5 !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #1e66f5 !important;
--link-color-hover: rgb(56, 119, 246) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #1e66f5 !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #e6e9ef !important;
--background-color-box: #eff1f5 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #eff1f5 !important;
--social-color: #8839ef !important;
--coockie-color: #04a5e5 !important;
--fingerprinter-color: #df8e1d !important;
--cryptominer-color: #7287fd !important;
--tracker-color: #40a02b !important;
--in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
--in-content-primary-button-text-color-hover: #4c4f69 !important;
--in-content-primary-button-background: #bcc0cc !important;
--in-content-primary-button-text-color: #4c4f69 !important;
}
.card {
background-color: #ccd0da !important;
}
}
}
================================================
FILE: themes/Latte/Flamingo/userChrome.css
================================================
/* Catppuccin Latte Flamingo userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #dd7878 !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #dd7878 !important;
--toolbarbutton-icon-fill: #dd7878 !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(149, 99, 112) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #dd7878 !important;
}
.urlbarView-url {
color: #dd7878 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Flamingo/userContent.css
================================================
/* Catppuccin Latte Flamingo userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #dd7878 !important;
--color-accent-primary-hover: rgb(226, 142, 142) !important;
--color-accent-primary-active: rgb(221, 146, 121) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #dd7878 !important;
}
.icon {
color: #dd7878 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Flamingo/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #dd7878 !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #dd7878 !important;
--link-color-hover: rgb(226, 142, 142) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #dd7878 !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #e6e9ef !important;
--background-color-box: #eff1f5 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #eff1f5 !important;
--social-color: #8839ef !important;
--coockie-color: #04a5e5 !important;
--fingerprinter-color: #df8e1d !important;
--cryptominer-color: #7287fd !important;
--tracker-color: #40a02b !important;
--in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
--in-content-primary-button-text-color-hover: #4c4f69 !important;
--in-content-primary-button-background: #bcc0cc !important;
--in-content-primary-button-text-color: #4c4f69 !important;
}
.card {
background-color: #ccd0da !important;
}
}
}
================================================
FILE: themes/Latte/Green/userChrome.css
================================================
/* Catppuccin Latte Green userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #40a02b !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #40a02b !important;
--toolbarbutton-icon-fill: #40a02b !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(70, 119, 74) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #40a02b !important;
}
.urlbarView-url {
color: #40a02b !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Green/userContent.css
================================================
/* Catppuccin Latte Green userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #40a02b !important;
--color-accent-primary-hover: rgb(73, 181, 49) !important;
--color-accent-primary-active: rgb(43, 161, 51) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #40a02b !important;
}
.icon {
color: #40a02b !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Green/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #40a02b !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #40a02b !important;
--link-color-hover: rgb(73, 181, 49) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #40a02b !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #e6e9ef !important;
--background-color-box: #eff1f5 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #eff1f5 !important;
--social-color: #8839ef !important;
--coockie-color: #04a5e5 !important;
--fingerprinter-color: #df8e1d !important;
--cryptominer-color: #7287fd !important;
--tracker-color: #40a02b !important;
--in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
--in-content-primary-button-text-color-hover: #4c4f69 !important;
--in-content-primary-button-background: #bcc0cc !important;
--in-content-primary-button-text-color: #4c4f69 !important;
}
.card {
background-color: #ccd0da !important;
}
}
}
================================================
FILE: themes/Latte/Lavender/userChrome.css
================================================
/* Catppuccin Latte Lavender userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #7287fd !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #7287fd !important;
--toolbarbutton-icon-fill: #7287fd !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(95, 107, 179) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #7287fd !important;
}
.urlbarView-url {
color: #7287fd !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Lavender/userContent.css
================================================
/* Catppuccin Latte Lavender userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #7287fd !important;
--color-accent-primary-hover: rgb(141, 158, 253) !important;
--color-accent-primary-active: rgb(129, 115, 253) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #7287fd !important;
}
.icon {
color: #7287fd !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Lavender/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #7287fd !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #7287fd !important;
--link-color-hover: rgb(141, 158, 253) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #7287fd !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #e6e9ef !important;
--background-color-box: #eff1f5 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #eff1f5 !important;
--social-color: #8839ef !important;
--coockie-color: #04a5e5 !important;
--fingerprinter-color: #df8e1d !important;
--cryptominer-color: #7287fd !important;
--tracker-color: #40a02b !important;
--in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
--in-content-primary-button-text-color-hover: #4c4f69 !important;
--in-content-primary-button-background: #bcc0cc !important;
--in-content-primary-button-text-color: #4c4f69 !important;
}
.card {
background-color: #ccd0da !important;
}
}
}
================================================
FILE: themes/Latte/Maroon/userChrome.css
================================================
/* Catppuccin Latte Maroon userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #e64553 !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #e64553 !important;
--toolbarbutton-icon-fill: #e64553 !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(153, 74, 94) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #e64553 !important;
}
.urlbarView-url {
color: #e64553 !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Maroon/userContent.css
================================================
/* Catppuccin Latte Maroon userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #e64553 !important;
--color-accent-primary-hover: rgb(233, 93, 104) !important;
--color-accent-primary-active: rgb(230, 96, 70) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #e64553 !important;
}
.icon {
color: #e64553 !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Maroon/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #e64553 !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #e64553 !important;
--link-color-hover: rgb(233, 93, 104) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #e64553 !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #e6e9ef !important;
--background-color-box: #eff1f5 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #eff1f5 !important;
--social-color: #8839ef !important;
--coockie-color: #04a5e5 !important;
--fingerprinter-color: #df8e1d !important;
--cryptominer-color: #7287fd !important;
--tracker-color: #40a02b !important;
--in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
--in-content-primary-button-text-color-hover: #4c4f69 !important;
--in-content-primary-button-background: #bcc0cc !important;
--in-content-primary-button-text-color: #4c4f69 !important;
}
.card {
background-color: #ccd0da !important;
}
}
}
================================================
FILE: themes/Latte/Mauve/userChrome.css
================================================
/* Catppuccin Latte Mauve userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #8839ef !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #8839ef !important;
--toolbarbutton-icon-fill: #8839ef !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(106, 68, 172) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #8839ef !important;
}
.urlbarView-url {
color: #8839ef !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Mauve/userContent.css
================================================
/* Catppuccin Latte Mauve userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #8839ef !important;
--color-accent-primary-hover: rgb(150, 81, 241) !important;
--color-accent-primary-active: rgb(181, 57, 239) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #8839ef !important;
}
.icon {
color: #8839ef !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Mauve/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #8839ef !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #8839ef !important;
--link-color-hover: rgb(150, 81, 241) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #8839ef !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #e6e9ef !important;
--background-color-box: #eff1f5 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #eff1f5 !important;
--social-color: #8839ef !important;
--coockie-color: #04a5e5 !important;
--fingerprinter-color: #df8e1d !important;
--cryptominer-color: #7287fd !important;
--tracker-color: #40a02b !important;
--in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
--in-content-primary-button-text-color-hover: #4c4f69 !important;
--in-content-primary-button-background: #bcc0cc !important;
--in-content-primary-button-text-color: #4c4f69 !important;
}
.card {
background-color: #ccd0da !important;
}
}
}
================================================
FILE: themes/Latte/Peach/userChrome.css
================================================
/* Catppuccin Latte Peach userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #fe640b !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #fe640b !important;
--toolbarbutton-icon-fill: #fe640b !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(165, 89, 58) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #fe640b !important;
}
.urlbarView-url {
color: #fe640b !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Peach/userContent.css
================================================
/* Catppuccin Latte Peach userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #fe640b !important;
--color-accent-primary-hover: rgb(254, 117, 38) !important;
--color-accent-primary-active: rgb(254, 161, 12) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #fe640b !important;
}
.icon {
color: #fe640b !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Peach/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #fe640b !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #fe640b !important;
--link-color-hover: rgb(254, 117, 38) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #fe640b !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */
@-moz-document url-prefix("about:addons") {
:root {
--zen-dark-color-mix-base: #e6e9ef !important;
--background-color-box: #eff1f5 !important;
}
}
/* Variables and styles specific to about:protections */
@-moz-document url-prefix("about:protections") {
:root {
--zen-primary-color: #eff1f5 !important;
--social-color: #8839ef !important;
--coockie-color: #04a5e5 !important;
--fingerprinter-color: #df8e1d !important;
--cryptominer-color: #7287fd !important;
--tracker-color: #40a02b !important;
--in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
--in-content-primary-button-text-color-hover: #4c4f69 !important;
--in-content-primary-button-background: #bcc0cc !important;
--in-content-primary-button-text-color: #4c4f69 !important;
}
.card {
background-color: #ccd0da !important;
}
}
}
================================================
FILE: themes/Latte/Pink/userChrome.css
================================================
/* Catppuccin Latte Pink userChrome.css*/
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #ccd0da !important;
--zen-primary-color: #ea76cb !important;
--zen-colors-secondary: #ccd0da !important;
--zen-colors-tertiary: #e6e9ef !important;
--zen-colors-border: #ea76cb !important;
--toolbarbutton-icon-fill: #ea76cb !important;
--lwt-text-color: #4c4f69 !important;
--toolbar-field-color: #4c4f69 !important;
--tab-selected-textcolor: rgb(155, 98, 154) !important;
--toolbar-field-focus-color: #4c4f69 !important;
--toolbar-color: #4c4f69 !important;
--newtab-text-primary-color: #4c4f69 !important;
--arrowpanel-color: #4c4f69 !important;
--arrowpanel-background: #eff1f5 !important;
--sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-text-color: #4c4f69 !important;
--lwt-sidebar-background-color: #dce0e8 !important;
--toolbar-bgcolor: #ccd0da !important;
--newtab-background-color: #eff1f5 !important;
--zen-themed-toolbar-bg: #e6e9ef !important;
--zen-main-browser-background: #e6e9ef !important;
--toolbox-bgcolor-inactive: #e6e9ef !important;
}
#permissions-granted-icon {
color: #e6e9ef !important;
}
.sidebar-placesTree {
background-color: #eff1f5 !important;
}
#zen-workspaces-button {
background-color: #eff1f5 !important;
}
#TabsToolbar {
background-color: #e6e9ef !important;
}
.urlbar-background {
background-color: #eff1f5 !important;
}
.content-shortcuts {
background-color: #eff1f5 !important;
border-color: #ea76cb !important;
}
.urlbarView-url {
color: #ea76cb !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: #dce0e8 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #ccd0da !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #dce0e8;
}
}
}
.identity-color-blue {
--identity-tab-color: #1e66f5 !important;
--identity-icon-color: #1e66f5 !important;
}
.identity-color-turquoise {
--identity-tab-color: #179299 !important;
--identity-icon-color: #179299 !important;
}
.identity-color-green {
--identity-tab-color: #40a02b !important;
--identity-icon-color: #40a02b !important;
}
.identity-color-yellow {
--identity-tab-color: #df8e1d !important;
--identity-icon-color: #df8e1d !important;
}
.identity-color-orange {
--identity-tab-color: #fe640b !important;
--identity-icon-color: #fe640b !important;
}
.identity-color-red {
--identity-tab-color: #d20f39 !important;
--identity-icon-color: #d20f39 !important;
}
.identity-color-pink {
--identity-tab-color: #ea76cb !important;
--identity-icon-color: #ea76cb !important;
}
.identity-color-purple {
--identity-tab-color: #8839ef !important;
--identity-icon-color: #8839ef !important;
}
hbox#titlebar {
background-color: #e6e9ef !important;
}
#zen-appcontent-navbar-container {
background-color: #e6e9ef !important;
}
}
================================================
FILE: themes/Latte/Pink/userContent.css
================================================
/* Catppuccin Latte Pink userContent.css*/
@media (prefers-color-scheme: light) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
:root {
--in-content-page-color: #4c4f69 !important;
--color-accent-primary: #ea76cb !important;
--color-accent-primary-hover: rgb(237, 141, 212) !important;
--color-accent-primary-active: rgb(234, 118, 174) !important;
background-color: #eff1f5 !important;
--in-content-page-background: #eff1f5 !important;
}
}
/* Variables and styles specific to about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-background-color: #eff1f5 !important;
--newtab-background-color-secondary: #ccd0da !important;
--newtab-element-hover-color: #ccd0da !important;
--newtab-text-primary-color: #4c4f69 !important;
--newtab-wordmark-color: #4c4f69 !important;
--newtab-primary-action-background: #ea76cb !important;
}
.icon {
color: #ea76cb !important;
}
.search-wrapper .logo-and-wordmark .logo {
background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Pink/zen-logo-latte.svg") no-repeat center !important;
display: inline-block !important;
height: 82px !important;
width: 82px !important;
background-size: 82px !important;
}
@media (max-width: 609px) {
.search-wrapper .logo-and-wordmark .logo {
background-size: 64px !important;
height: 64px !important;
width: 64px !important;
}
}
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
color: #ea76cb !important;
}
.top-site-outer .search-topsite {
background-color: #1e66f5 !important;
}
.compact-cards .card-outer .card-context .card-context-icon.icon-download {
fill: #40a02b !important;
}
}
/* Variables and styles specific to about:preferences */
@-moz-document url-prefix("about:preferences") {
:root {
--zen-colors-tertiary: #e6e9ef !important;
--in-content-text-color: #4c4f69 !important;
--link-color: #ea76cb !important;
--link-color-hover: rgb(237, 141, 212) !important;
--zen-colors-primary: #ccd0da !important;
--in-content-box-background: #ccd0da !important;
--zen-primary-color: #ea76cb !important;
}
groupbox , moz-card{
background: #eff1f5 !important;
}
button,
groupbox menulist {
background: #ccd0da !important;
color: #4c4f69 !important;
}
.main-content {
background-color: #dce0e8 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to
gitextract_o6c22_ku/
├── .editorconfig
├── .github/
│ └── workflows/
│ └── whiskers-check.yml
├── .gitignore
├── LICENSE
├── README.md
├── renovate.json
├── templates/
│ ├── userChrome.tera
│ ├── userContent.tera
│ └── zen-logo.tera
└── themes/
├── Frappe/
│ ├── Blue/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Flamingo/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Green/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Lavender/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Maroon/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Mauve/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Peach/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Pink/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Red/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Rosewater/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sapphire/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sky/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Teal/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ └── Yellow/
│ ├── userChrome.css
│ └── userContent.css
├── Latte/
│ ├── Blue/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Flamingo/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Green/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Lavender/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Maroon/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Mauve/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Peach/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Pink/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Red/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Rosewater/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sapphire/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sky/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Teal/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ └── Yellow/
│ ├── userChrome.css
│ └── userContent.css
├── Macchiato/
│ ├── Blue/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Flamingo/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Green/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Lavender/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Maroon/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Mauve/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Peach/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Pink/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Red/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Rosewater/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sapphire/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Sky/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ ├── Teal/
│ │ ├── userChrome.css
│ │ └── userContent.css
│ └── Yellow/
│ ├── userChrome.css
│ └── userContent.css
└── Mocha/
├── Blue/
│ ├── userChrome.css
│ └── userContent.css
├── Flamingo/
│ ├── userChrome.css
│ └── userContent.css
├── Green/
│ ├── userChrome.css
│ └── userContent.css
├── Lavender/
│ ├── userChrome.css
│ └── userContent.css
├── Maroon/
│ ├── userChrome.css
│ └── userContent.css
├── Mauve/
│ ├── userChrome.css
│ └── userContent.css
├── Peach/
│ ├── userChrome.css
│ └── userContent.css
├── Pink/
│ ├── userChrome.css
│ └── userContent.css
├── Red/
│ ├── userChrome.css
│ └── userContent.css
├── Rosewater/
│ ├── userChrome.css
│ └── userContent.css
├── Sapphire/
│ ├── userChrome.css
│ └── userContent.css
├── Sky/
│ ├── userChrome.css
│ └── userContent.css
├── Teal/
│ ├── userChrome.css
│ └── userContent.css
└── Yellow/
├── userChrome.css
└── userContent.css
Condensed preview — 121 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (493K chars).
[
{
"path": ".editorconfig",
"chars": 579,
"preview": "# EditorConfig helps developers define and maintain consistent\n# coding styles between different editors and IDEs\n# Edit"
},
{
"path": ".github/workflows/whiskers-check.yml",
"chars": 336,
"preview": "name: whiskers\n\non:\n workflow_dispatch:\n push:\n branches: [main]\n pull_request:\n branches: [main]\n\njobs:\n run:"
},
{
"path": ".gitignore",
"chars": 22,
"preview": ".DS_Store\n**/.DS_Store"
},
{
"path": "LICENSE",
"chars": 1067,
"preview": "MIT License\n\nCopyright (c) 2021 Catppuccin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy"
},
{
"path": "README.md",
"chars": 3457,
"preview": "<h3 align=\"center\">\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x15"
},
{
"path": "renovate.json",
"chars": 128,
"preview": "{\n \"$schema\": \"https://docs.renovatebot.com/renovate-schema.json\",\n \"extends\": [\n \"local>catppuccin/renovate-config"
},
{
"path": "templates/userChrome.tera",
"chars": 4147,
"preview": "---\nwhiskers:\n version: ^2.5.1\n matrix:\n - accent\n - flavor\n filename: \"themes/{{ flavor.identifier | capitaliz"
},
{
"path": "templates/userContent.tera",
"chars": 5642,
"preview": "---\nwhiskers:\n version: ^2.5.1\n matrix:\n - accent\n - flavor\n filename: \"themes/{{ flavor.identifier | capitaliz"
},
{
"path": "templates/zen-logo.tera",
"chars": 823,
"preview": "---\nwhiskers:\n version: ^2.5.1\n matrix:\n - accent\n - flavor\n filename: \"themes/{{ flavor.identifier | capitaliz"
},
{
"path": "themes/Frappe/Blue/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Frappe Blue userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #4"
},
{
"path": "themes/Frappe/Blue/userContent.css",
"chars": 4750,
"preview": "/* Catppuccin Frappe Blue userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Frappe/Flamingo/userChrome.css",
"chars": 3314,
"preview": "/* Catppuccin Frappe Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Frappe/Flamingo/userContent.css",
"chars": 4758,
"preview": "/* Catppuccin Frappe Flamingo userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting "
},
{
"path": "themes/Frappe/Green/userChrome.css",
"chars": 3311,
"preview": "/* Catppuccin Frappe Green userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Frappe/Green/userContent.css",
"chars": 4752,
"preview": "/* Catppuccin Frappe Green userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all"
},
{
"path": "themes/Frappe/Lavender/userChrome.css",
"chars": 3314,
"preview": "/* Catppuccin Frappe Lavender userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Frappe/Lavender/userContent.css",
"chars": 4758,
"preview": "/* Catppuccin Frappe Lavender userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting "
},
{
"path": "themes/Frappe/Maroon/userChrome.css",
"chars": 3312,
"preview": "/* Catppuccin Frappe Maroon userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: "
},
{
"path": "themes/Frappe/Maroon/userContent.css",
"chars": 4754,
"preview": "/* Catppuccin Frappe Maroon userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting al"
},
{
"path": "themes/Frappe/Mauve/userChrome.css",
"chars": 3311,
"preview": "/* Catppuccin Frappe Mauve userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Frappe/Mauve/userContent.css",
"chars": 4752,
"preview": "/* Catppuccin Frappe Mauve userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all"
},
{
"path": "themes/Frappe/Peach/userChrome.css",
"chars": 3311,
"preview": "/* Catppuccin Frappe Peach userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Frappe/Peach/userContent.css",
"chars": 4752,
"preview": "/* Catppuccin Frappe Peach userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all"
},
{
"path": "themes/Frappe/Pink/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Frappe Pink userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #4"
},
{
"path": "themes/Frappe/Pink/userContent.css",
"chars": 4750,
"preview": "/* Catppuccin Frappe Pink userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Frappe/Red/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Frappe Red userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #41"
},
{
"path": "themes/Frappe/Red/userContent.css",
"chars": 4748,
"preview": "/* Catppuccin Frappe Red userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all p"
},
{
"path": "themes/Frappe/Rosewater/userChrome.css",
"chars": 3315,
"preview": "/* Catppuccin Frappe Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primar"
},
{
"path": "themes/Frappe/Rosewater/userContent.css",
"chars": 4760,
"preview": "/* Catppuccin Frappe Rosewater userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting"
},
{
"path": "themes/Frappe/Sapphire/userChrome.css",
"chars": 3314,
"preview": "/* Catppuccin Frappe Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Frappe/Sapphire/userContent.css",
"chars": 4758,
"preview": "/* Catppuccin Frappe Sapphire userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting "
},
{
"path": "themes/Frappe/Sky/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Frappe Sky userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #41"
},
{
"path": "themes/Frappe/Sky/userContent.css",
"chars": 4748,
"preview": "/* Catppuccin Frappe Sky userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all p"
},
{
"path": "themes/Frappe/Teal/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Frappe Teal userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #4"
},
{
"path": "themes/Frappe/Teal/userContent.css",
"chars": 4750,
"preview": "/* Catppuccin Frappe Teal userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Frappe/Yellow/userChrome.css",
"chars": 3312,
"preview": "/* Catppuccin Frappe Yellow userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: "
},
{
"path": "themes/Frappe/Yellow/userContent.css",
"chars": 4754,
"preview": "/* Catppuccin Frappe Yellow userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting al"
},
{
"path": "themes/Latte/Blue/userChrome.css",
"chars": 3308,
"preview": "/* Catppuccin Latte Blue userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #c"
},
{
"path": "themes/Latte/Blue/userContent.css",
"chars": 4745,
"preview": "/* Catppuccin Latte Blue userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Latte/Flamingo/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Latte Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Latte/Flamingo/userContent.css",
"chars": 4757,
"preview": "/* Catppuccin Latte Flamingo userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting "
},
{
"path": "themes/Latte/Green/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Latte Green userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Latte/Green/userContent.css",
"chars": 4745,
"preview": "/* Catppuccin Latte Green userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all"
},
{
"path": "themes/Latte/Lavender/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Latte Lavender userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Latte/Lavender/userContent.css",
"chars": 4757,
"preview": "/* Catppuccin Latte Lavender userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting "
},
{
"path": "themes/Latte/Maroon/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Latte Maroon userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: "
},
{
"path": "themes/Latte/Maroon/userContent.css",
"chars": 4749,
"preview": "/* Catppuccin Latte Maroon userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting al"
},
{
"path": "themes/Latte/Mauve/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Latte Mauve userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Latte/Mauve/userContent.css",
"chars": 4748,
"preview": "/* Catppuccin Latte Mauve userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all"
},
{
"path": "themes/Latte/Peach/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Latte Peach userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Latte/Peach/userContent.css",
"chars": 4748,
"preview": "/* Catppuccin Latte Peach userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all"
},
{
"path": "themes/Latte/Pink/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Latte Pink userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #c"
},
{
"path": "themes/Latte/Pink/userContent.css",
"chars": 4749,
"preview": "/* Catppuccin Latte Pink userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Latte/Red/userChrome.css",
"chars": 3307,
"preview": "/* Catppuccin Latte Red userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #cc"
},
{
"path": "themes/Latte/Red/userContent.css",
"chars": 4741,
"preview": "/* Catppuccin Latte Red userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all p"
},
{
"path": "themes/Latte/Rosewater/userChrome.css",
"chars": 3315,
"preview": "/* Catppuccin Latte Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primar"
},
{
"path": "themes/Latte/Rosewater/userContent.css",
"chars": 4759,
"preview": "/* Catppuccin Latte Rosewater userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting"
},
{
"path": "themes/Latte/Sapphire/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Latte Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Latte/Sapphire/userContent.css",
"chars": 4754,
"preview": "/* Catppuccin Latte Sapphire userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting "
},
{
"path": "themes/Latte/Sky/userChrome.css",
"chars": 3308,
"preview": "/* Catppuccin Latte Sky userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #cc"
},
{
"path": "themes/Latte/Sky/userContent.css",
"chars": 4741,
"preview": "/* Catppuccin Latte Sky userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all p"
},
{
"path": "themes/Latte/Teal/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Latte Teal userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: #c"
},
{
"path": "themes/Latte/Teal/userContent.css",
"chars": 4746,
"preview": "/* Catppuccin Latte Teal userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Latte/Yellow/userChrome.css",
"chars": 3311,
"preview": "/* Catppuccin Latte Yellow userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n :root {\n --zen-colors-primary: "
},
{
"path": "themes/Latte/Yellow/userContent.css",
"chars": 4750,
"preview": "/* Catppuccin Latte Yellow userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n /* Common variables affecting al"
},
{
"path": "themes/Macchiato/Blue/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Macchiato Blue userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary:"
},
{
"path": "themes/Macchiato/Blue/userContent.css",
"chars": 4762,
"preview": "/* Catppuccin Macchiato Blue userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting a"
},
{
"path": "themes/Macchiato/Flamingo/userChrome.css",
"chars": 3317,
"preview": "/* Catppuccin Macchiato Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-prim"
},
{
"path": "themes/Macchiato/Flamingo/userContent.css",
"chars": 4770,
"preview": "/* Catppuccin Macchiato Flamingo userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecti"
},
{
"path": "themes/Macchiato/Green/userChrome.css",
"chars": 3314,
"preview": "/* Catppuccin Macchiato Green userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Macchiato/Green/userContent.css",
"chars": 4764,
"preview": "/* Catppuccin Macchiato Green userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting "
},
{
"path": "themes/Macchiato/Lavender/userChrome.css",
"chars": 3317,
"preview": "/* Catppuccin Macchiato Lavender userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-prim"
},
{
"path": "themes/Macchiato/Lavender/userContent.css",
"chars": 4770,
"preview": "/* Catppuccin Macchiato Lavender userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecti"
},
{
"path": "themes/Macchiato/Maroon/userChrome.css",
"chars": 3315,
"preview": "/* Catppuccin Macchiato Maroon userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primar"
},
{
"path": "themes/Macchiato/Maroon/userContent.css",
"chars": 4766,
"preview": "/* Catppuccin Macchiato Maroon userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting"
},
{
"path": "themes/Macchiato/Mauve/userChrome.css",
"chars": 3314,
"preview": "/* Catppuccin Macchiato Mauve userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Macchiato/Mauve/userContent.css",
"chars": 4764,
"preview": "/* Catppuccin Macchiato Mauve userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting "
},
{
"path": "themes/Macchiato/Peach/userChrome.css",
"chars": 3314,
"preview": "/* Catppuccin Macchiato Peach userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Macchiato/Peach/userContent.css",
"chars": 4764,
"preview": "/* Catppuccin Macchiato Peach userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting "
},
{
"path": "themes/Macchiato/Pink/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Macchiato Pink userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary:"
},
{
"path": "themes/Macchiato/Pink/userContent.css",
"chars": 4762,
"preview": "/* Catppuccin Macchiato Pink userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting a"
},
{
"path": "themes/Macchiato/Red/userChrome.css",
"chars": 3312,
"preview": "/* Catppuccin Macchiato Red userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: "
},
{
"path": "themes/Macchiato/Red/userContent.css",
"chars": 4760,
"preview": "/* Catppuccin Macchiato Red userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting al"
},
{
"path": "themes/Macchiato/Rosewater/userChrome.css",
"chars": 3318,
"preview": "/* Catppuccin Macchiato Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-pri"
},
{
"path": "themes/Macchiato/Rosewater/userContent.css",
"chars": 4772,
"preview": "/* Catppuccin Macchiato Rosewater userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affect"
},
{
"path": "themes/Macchiato/Sapphire/userChrome.css",
"chars": 3317,
"preview": "/* Catppuccin Macchiato Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-prim"
},
{
"path": "themes/Macchiato/Sapphire/userContent.css",
"chars": 4770,
"preview": "/* Catppuccin Macchiato Sapphire userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecti"
},
{
"path": "themes/Macchiato/Sky/userChrome.css",
"chars": 3312,
"preview": "/* Catppuccin Macchiato Sky userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: "
},
{
"path": "themes/Macchiato/Sky/userContent.css",
"chars": 4760,
"preview": "/* Catppuccin Macchiato Sky userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting al"
},
{
"path": "themes/Macchiato/Teal/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Macchiato Teal userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary:"
},
{
"path": "themes/Macchiato/Teal/userContent.css",
"chars": 4762,
"preview": "/* Catppuccin Macchiato Teal userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting a"
},
{
"path": "themes/Macchiato/Yellow/userChrome.css",
"chars": 3315,
"preview": "/* Catppuccin Macchiato Yellow userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primar"
},
{
"path": "themes/Macchiato/Yellow/userContent.css",
"chars": 4766,
"preview": "/* Catppuccin Macchiato Yellow userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting"
},
{
"path": "themes/Mocha/Blue/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Mocha Blue userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #31"
},
{
"path": "themes/Mocha/Blue/userContent.css",
"chars": 4746,
"preview": "/* Catppuccin Mocha Blue userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all p"
},
{
"path": "themes/Mocha/Flamingo/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Mocha Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary:"
},
{
"path": "themes/Mocha/Flamingo/userContent.css",
"chars": 4754,
"preview": "/* Catppuccin Mocha Flamingo userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting a"
},
{
"path": "themes/Mocha/Green/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Mocha Green userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #3"
},
{
"path": "themes/Mocha/Green/userContent.css",
"chars": 4748,
"preview": "/* Catppuccin Mocha Green userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Mocha/Lavender/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Mocha Lavender userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary:"
},
{
"path": "themes/Mocha/Lavender/userContent.css",
"chars": 4754,
"preview": "/* Catppuccin Mocha Lavender userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting a"
},
{
"path": "themes/Mocha/Maroon/userChrome.css",
"chars": 3311,
"preview": "/* Catppuccin Mocha Maroon userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Mocha/Maroon/userContent.css",
"chars": 4750,
"preview": "/* Catppuccin Mocha Maroon userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all"
},
{
"path": "themes/Mocha/Mauve/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Mocha Mauve userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #3"
},
{
"path": "themes/Mocha/Mauve/userContent.css",
"chars": 4748,
"preview": "/* Catppuccin Mocha Mauve userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Mocha/Peach/userChrome.css",
"chars": 3310,
"preview": "/* Catppuccin Mocha Peach userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #3"
},
{
"path": "themes/Mocha/Peach/userContent.css",
"chars": 4748,
"preview": "/* Catppuccin Mocha Peach userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all "
},
{
"path": "themes/Mocha/Pink/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Mocha Pink userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #31"
},
{
"path": "themes/Mocha/Pink/userContent.css",
"chars": 4746,
"preview": "/* Catppuccin Mocha Pink userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all p"
},
{
"path": "themes/Mocha/Red/userChrome.css",
"chars": 3308,
"preview": "/* Catppuccin Mocha Red userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #313"
},
{
"path": "themes/Mocha/Red/userContent.css",
"chars": 4744,
"preview": "/* Catppuccin Mocha Red userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all pa"
},
{
"path": "themes/Mocha/Rosewater/userChrome.css",
"chars": 3314,
"preview": "/* Catppuccin Mocha Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary"
},
{
"path": "themes/Mocha/Rosewater/userContent.css",
"chars": 4756,
"preview": "/* Catppuccin Mocha Rosewater userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting "
},
{
"path": "themes/Mocha/Sapphire/userChrome.css",
"chars": 3313,
"preview": "/* Catppuccin Mocha Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary:"
},
{
"path": "themes/Mocha/Sapphire/userContent.css",
"chars": 4754,
"preview": "/* Catppuccin Mocha Sapphire userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting a"
},
{
"path": "themes/Mocha/Sky/userChrome.css",
"chars": 3308,
"preview": "/* Catppuccin Mocha Sky userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #313"
},
{
"path": "themes/Mocha/Sky/userContent.css",
"chars": 4744,
"preview": "/* Catppuccin Mocha Sky userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all pa"
},
{
"path": "themes/Mocha/Teal/userChrome.css",
"chars": 3309,
"preview": "/* Catppuccin Mocha Teal userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #31"
},
{
"path": "themes/Mocha/Teal/userContent.css",
"chars": 4746,
"preview": "/* Catppuccin Mocha Teal userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all p"
},
{
"path": "themes/Mocha/Yellow/userChrome.css",
"chars": 3311,
"preview": "/* Catppuccin Mocha Yellow userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n :root {\n --zen-colors-primary: #"
},
{
"path": "themes/Mocha/Yellow/userContent.css",
"chars": 4750,
"preview": "/* Catppuccin Mocha Yellow userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n /* Common variables affecting all"
}
]
About this extraction
This page contains the full source code of the catppuccin/zen-browser GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 121 files (456.9 KB), approximately 137.8k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.