├── .editorconfig ├── .github └── workflows │ └── whiskers-check.yml ├── .gitignore ├── LICENSE ├── README.md ├── assets ├── frappe.webp ├── latte.webp ├── macchiato.webp ├── mocha.webp └── preview.webp ├── icons ├── ico │ ├── frappe.ico │ ├── latte.ico │ ├── macchiato.ico │ └── mocha.ico └── svg │ ├── frappe.svg │ ├── latte.svg │ ├── macchiato.svg │ └── mocha.svg ├── renovate.json ├── templates ├── userChrome.tera ├── userContent.tera └── zen-logo.tera └── themes ├── Frappe ├── Blue │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Flamingo │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Green │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Lavender │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Maroon │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Mauve │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Peach │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Pink │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Red │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Rosewater │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Sapphire │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Sky │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Teal │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg └── Yellow │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-frappe.svg ├── Latte ├── Blue │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Flamingo │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Green │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Lavender │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Maroon │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Mauve │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Peach │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Pink │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Red │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Rosewater │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Sapphire │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Sky │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Teal │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg └── Yellow │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-latte.svg ├── Macchiato ├── Blue │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Flamingo │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Green │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Lavender │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Maroon │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Mauve │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Peach │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Pink │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Red │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Rosewater │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Sapphire │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Sky │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg ├── Teal │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg └── Yellow │ ├── userChrome.css │ ├── userContent.css │ └── zen-logo-macchiato.svg └── Mocha ├── Blue ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Flamingo ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Green ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Lavender ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Maroon ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Mauve ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Peach ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Pink ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Red ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Rosewater ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Sapphire ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Sky ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg ├── Teal ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg └── Yellow ├── userChrome.css ├── userContent.css └── zen-logo-mocha.svg /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # EditorConfig is awesome: https://EditorConfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | charset = utf-8 9 | indent_size = 2 10 | indent_style = space 11 | end_of_line = lf 12 | insert_final_newline = true 13 | trim_trailing_whitespace = true 14 | 15 | # go 16 | [*.go] 17 | indent_style = tab 18 | indent_size = 4 19 | 20 | # python 21 | [*.{ini,py,py.tpl,rst}] 22 | indent_size = 4 23 | 24 | # rust 25 | [*.rs] 26 | indent_size = 4 27 | 28 | # documentation, utils 29 | [*.{md,mdx,diff}] 30 | trim_trailing_whitespace = false 31 | 32 | # windows shell scripts 33 | [*.{cmd,bat,ps1}] 34 | end_of_line = crlf -------------------------------------------------------------------------------- /.github/workflows/whiskers-check.yml: -------------------------------------------------------------------------------- 1 | name: whiskers 2 | 3 | on: 4 | workflow_dispatch: 5 | push: 6 | branches: [main] 7 | pull_request: 8 | branches: [main] 9 | 10 | jobs: 11 | run: 12 | uses: catppuccin/actions/.github/workflows/whiskers-check.yml@v1 13 | with: 14 | args: | 15 | templates/userChrome.tera 16 | templates/userContent.tera 17 | templates/zen-logo.tera 18 | secrets: inherit 19 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | **/.DS_Store -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Catppuccin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | Logo
3 | 4 | Catppuccin for Zen Browser 5 | 6 |

7 | 8 |

9 | 10 | 11 | 12 |

13 | 14 |

15 | 16 |

17 | 18 | ## Previews 19 | 20 |
21 | 🌻 Latte 22 | 23 |
24 |
25 | 🪴 Frappé 26 | 27 |
28 |
29 | 🌺 Macchiato 30 | 31 |
32 |
33 | 🌿 Mocha 34 | 35 |
36 | 37 | ## Usage 38 | 39 | 1. [Create a `chrome` folder](https://www.userchrome.org/how-create-userchrome-css.html) in your Zen Browser's profile directory. 40 | 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. 41 | 42 | > [!NOTE] 43 | > 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. 44 | 45 | ## 🙋 FAQ 46 | 47 | - **Q:** What if I already have a `userChrome.css` and/or `userContent.css` configuration? 48 | 49 | **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. 50 | 51 | - **Q:** Can I automatically switch flavors between light and dark mode? 52 | 53 | **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. 54 | 55 | ## 💝 Thanks to 56 | 57 | - [IAmJafeth](https://github.com/IAmJafeth) 58 | 59 |   60 | 61 |

62 | 63 |

64 | 65 |

66 | Copyright © 2021-present Catppuccin Org 67 |

68 | 69 |

70 | 71 |

72 | -------------------------------------------------------------------------------- /assets/frappe.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/assets/frappe.webp -------------------------------------------------------------------------------- /assets/latte.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/assets/latte.webp -------------------------------------------------------------------------------- /assets/macchiato.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/assets/macchiato.webp -------------------------------------------------------------------------------- /assets/mocha.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/assets/mocha.webp -------------------------------------------------------------------------------- /assets/preview.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/assets/preview.webp -------------------------------------------------------------------------------- /icons/ico/frappe.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/icons/ico/frappe.ico -------------------------------------------------------------------------------- /icons/ico/latte.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/icons/ico/latte.ico -------------------------------------------------------------------------------- /icons/ico/macchiato.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/icons/ico/macchiato.ico -------------------------------------------------------------------------------- /icons/ico/mocha.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/zen-browser/1596467f1d178c38e95ebc0413e4419750d7849b/icons/ico/mocha.ico -------------------------------------------------------------------------------- /icons/svg/frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /icons/svg/latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /icons/svg/macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /icons/svg/mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://docs.renovatebot.com/renovate-schema.json", 3 | "extends": [ 4 | "local>catppuccin/renovate-config" 5 | ] 6 | } 7 | -------------------------------------------------------------------------------- /templates/zen-logo.tera: -------------------------------------------------------------------------------- 1 | --- 2 | whiskers: 3 | version: ^2.5.1 4 | matrix: 5 | - accent 6 | - flavor 7 | filename: "themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/zen-logo-{{ flavor.identifier }}.svg" 8 | --- 9 | {%- set palette = flavor.colors -%} 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /themes/Frappe/Blue/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Blue userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #8caaee !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #8caaee !important; 10 | --toolbarbutton-icon-fill: #8caaee !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(169, 189, 241) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #8caaee !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #8caaee !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Blue/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Flamingo/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Flamingo userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #eebebe !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #eebebe !important; 10 | --toolbarbutton-icon-fill: #eebebe !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(218, 199, 217) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #eebebe !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #eebebe !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Flamingo/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Green/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Green userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #a6d189 !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #a6d189 !important; 10 | --toolbarbutton-icon-fill: #a6d189 !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(182, 209, 191) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #a6d189 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #a6d189 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Green/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Lavender/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Lavender userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #babbf1 !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #babbf1 !important; 10 | --toolbarbutton-icon-fill: #babbf1 !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(192, 198, 243) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #babbf1 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #babbf1 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Lavender/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Maroon/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Maroon userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #ea999c !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #ea999c !important; 10 | --toolbarbutton-icon-fill: #ea999c !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(216, 181, 200) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #ea999c !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #ea999c !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Maroon/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Mauve/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Mauve userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #ca9ee6 !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #ca9ee6 !important; 10 | --toolbarbutton-icon-fill: #ca9ee6 !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(200, 183, 237) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #ca9ee6 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #ca9ee6 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Mauve/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Peach/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Peach userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #ef9f76 !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #ef9f76 !important; 10 | --toolbarbutton-icon-fill: #ef9f76 !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(219, 184, 181) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #ef9f76 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #ef9f76 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Peach/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Pink/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Pink userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #f4b8e4 !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #f4b8e4 !important; 10 | --toolbarbutton-icon-fill: #f4b8e4 !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(221, 196, 236) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #f4b8e4 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #f4b8e4 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Pink/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Red/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Red userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #e78284 !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #e78284 !important; 10 | --toolbarbutton-icon-fill: #e78284 !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(215, 169, 188) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #e78284 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #e78284 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Red/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Rosewater/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Rosewater userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #f2d5cf !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #f2d5cf !important; 10 | --toolbarbutton-icon-fill: #f2d5cf !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(220, 211, 226) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #f2d5cf !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #f2d5cf !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Rosewater/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Sapphire/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Sapphire userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #85c1dc !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #85c1dc !important; 10 | --toolbarbutton-icon-fill: #85c1dc !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(166, 201, 232) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #85c1dc !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #85c1dc !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Sapphire/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Sky/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Sky userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #99d1db !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #99d1db !important; 10 | --toolbarbutton-icon-fill: #99d1db !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(176, 209, 232) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #99d1db !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #99d1db !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Sky/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Teal/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Teal userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #81c8be !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #81c8be !important; 10 | --toolbarbutton-icon-fill: #81c8be !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(164, 204, 217) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #81c8be !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #81c8be !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Teal/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Frappe/Yellow/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Frappe Yellow userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #414559 !important; 6 | --zen-primary-color: #e5c890 !important; 7 | --zen-colors-secondary: #414559 !important; 8 | --zen-colors-tertiary: #292c3c !important; 9 | --zen-colors-border: #e5c890 !important; 10 | --toolbarbutton-icon-fill: #e5c890 !important; 11 | --lwt-text-color: #c6d0f5 !important; 12 | --toolbar-field-color: #c6d0f5 !important; 13 | --tab-selected-textcolor: rgb(214, 204, 194) !important; 14 | --toolbar-field-focus-color: #c6d0f5 !important; 15 | --toolbar-color: #c6d0f5 !important; 16 | --newtab-text-primary-color: #c6d0f5 !important; 17 | --arrowpanel-color: #c6d0f5 !important; 18 | --arrowpanel-background: #303446 !important; 19 | --sidebar-text-color: #c6d0f5 !important; 20 | --lwt-sidebar-text-color: #c6d0f5 !important; 21 | --lwt-sidebar-background-color: #232634 !important; 22 | --toolbar-bgcolor: #414559 !important; 23 | --newtab-background-color: #303446 !important; 24 | --zen-themed-toolbar-bg: #292c3c !important; 25 | --zen-main-browser-background: #292c3c !important; 26 | --toolbox-bgcolor-inactive: #292c3c !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #292c3c !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #303446 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #303446 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #292c3c !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #303446 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #303446 !important; 51 | border-color: #e5c890 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #e5c890 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #232634 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #414559 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #232634; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8caaee !important; 85 | --identity-icon-color: #8caaee !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #81c8be !important; 90 | --identity-icon-color: #81c8be !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6d189 !important; 95 | --identity-icon-color: #a6d189 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #e5c890 !important; 100 | --identity-icon-color: #e5c890 !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #ef9f76 !important; 105 | --identity-icon-color: #ef9f76 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #e78284 !important; 110 | --identity-icon-color: #e78284 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f4b8e4 !important; 115 | --identity-icon-color: #f4b8e4 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #ca9ee6 !important; 120 | --identity-icon-color: #ca9ee6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Frappe/Yellow/zen-logo-frappe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Blue/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Blue userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #1e66f5 !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #1e66f5 !important; 10 | --toolbarbutton-icon-fill: #1e66f5 !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(53, 90, 175) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #1e66f5 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #1e66f5 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Blue/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Flamingo/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Flamingo userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #dd7878 !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #dd7878 !important; 10 | --toolbarbutton-icon-fill: #dd7878 !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(149, 99, 112) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #dd7878 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #dd7878 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Flamingo/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Green/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Green userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #40a02b !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #40a02b !important; 10 | --toolbarbutton-icon-fill: #40a02b !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(70, 119, 74) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #40a02b !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #40a02b !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Green/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Lavender/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Lavender userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #7287fd !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #7287fd !important; 10 | --toolbarbutton-icon-fill: #7287fd !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(95, 107, 179) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #7287fd !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #7287fd !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Lavender/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Maroon/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Maroon userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #e64553 !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #e64553 !important; 10 | --toolbarbutton-icon-fill: #e64553 !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(153, 74, 94) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #e64553 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #e64553 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Maroon/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Mauve/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Mauve userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #8839ef !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #8839ef !important; 10 | --toolbarbutton-icon-fill: #8839ef !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(106, 68, 172) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #8839ef !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #8839ef !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Mauve/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Peach/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Peach userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #fe640b !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #fe640b !important; 10 | --toolbarbutton-icon-fill: #fe640b !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(165, 89, 58) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #fe640b !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #fe640b !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Peach/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Pink/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Pink userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #ea76cb !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #ea76cb !important; 10 | --toolbarbutton-icon-fill: #ea76cb !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(155, 98, 154) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #ea76cb !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #ea76cb !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Pink/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Red/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Red userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #d20f39 !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #d20f39 !important; 10 | --toolbarbutton-icon-fill: #d20f39 !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(143, 47, 81) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #d20f39 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #d20f39 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Red/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Rosewater/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Sapphire/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Sapphire userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #209fb5 !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #209fb5 !important; 10 | --toolbarbutton-icon-fill: #209fb5 !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(54, 119, 143) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #209fb5 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #209fb5 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Sapphire/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Sky/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Sky userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #04a5e5 !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #04a5e5 !important; 10 | --toolbarbutton-icon-fill: #04a5e5 !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(40, 122, 167) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #04a5e5 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #04a5e5 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Sky/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Teal/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Teal userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #179299 !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #179299 !important; 10 | --toolbarbutton-icon-fill: #179299 !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(50, 112, 129) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #179299 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #179299 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Teal/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Latte/Yellow/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Latte Yellow userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: light) { 4 | :root { 5 | --zen-colors-primary: #ccd0da !important; 6 | --zen-primary-color: #df8e1d !important; 7 | --zen-colors-secondary: #ccd0da !important; 8 | --zen-colors-tertiary: #e6e9ef !important; 9 | --zen-colors-border: #df8e1d !important; 10 | --toolbarbutton-icon-fill: #df8e1d !important; 11 | --lwt-text-color: #4c4f69 !important; 12 | --toolbar-field-color: #4c4f69 !important; 13 | --tab-selected-textcolor: rgb(150, 110, 67) !important; 14 | --toolbar-field-focus-color: #4c4f69 !important; 15 | --toolbar-color: #4c4f69 !important; 16 | --newtab-text-primary-color: #4c4f69 !important; 17 | --arrowpanel-color: #4c4f69 !important; 18 | --arrowpanel-background: #eff1f5 !important; 19 | --sidebar-text-color: #4c4f69 !important; 20 | --lwt-sidebar-text-color: #4c4f69 !important; 21 | --lwt-sidebar-background-color: #dce0e8 !important; 22 | --toolbar-bgcolor: #ccd0da !important; 23 | --newtab-background-color: #eff1f5 !important; 24 | --zen-themed-toolbar-bg: #e6e9ef !important; 25 | --zen-main-browser-background: #e6e9ef !important; 26 | --toolbox-bgcolor-inactive: #e6e9ef !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #e6e9ef !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #eff1f5 !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #eff1f5 !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #e6e9ef !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #eff1f5 !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #eff1f5 !important; 51 | border-color: #df8e1d !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #df8e1d !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #dce0e8 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #ccd0da !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #dce0e8; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #1e66f5 !important; 85 | --identity-icon-color: #1e66f5 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #179299 !important; 90 | --identity-icon-color: #179299 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #40a02b !important; 95 | --identity-icon-color: #40a02b !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #df8e1d !important; 100 | --identity-icon-color: #df8e1d !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fe640b !important; 105 | --identity-icon-color: #fe640b !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #d20f39 !important; 110 | --identity-icon-color: #d20f39 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #ea76cb !important; 115 | --identity-icon-color: #ea76cb !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #8839ef !important; 120 | --identity-icon-color: #8839ef !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Latte/Yellow/zen-logo-latte.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Blue/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Macchiato Blue userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #363a4f !important; 6 | --zen-primary-color: #8aadf4 !important; 7 | --zen-colors-secondary: #363a4f !important; 8 | --zen-colors-tertiary: #1e2030 !important; 9 | --zen-colors-border: #8aadf4 !important; 10 | --toolbarbutton-icon-fill: #8aadf4 !important; 11 | --lwt-text-color: #cad3f5 !important; 12 | --toolbar-field-color: #cad3f5 !important; 13 | --tab-selected-textcolor: rgb(170, 192, 244) !important; 14 | --toolbar-field-focus-color: #cad3f5 !important; 15 | --toolbar-color: #cad3f5 !important; 16 | --newtab-text-primary-color: #cad3f5 !important; 17 | --arrowpanel-color: #cad3f5 !important; 18 | --arrowpanel-background: #24273a !important; 19 | --sidebar-text-color: #cad3f5 !important; 20 | --lwt-sidebar-text-color: #cad3f5 !important; 21 | --lwt-sidebar-background-color: #181926 !important; 22 | --toolbar-bgcolor: #363a4f !important; 23 | --newtab-background-color: #24273a !important; 24 | --zen-themed-toolbar-bg: #1e2030 !important; 25 | --zen-main-browser-background: #1e2030 !important; 26 | --toolbox-bgcolor-inactive: #1e2030 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #1e2030 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #24273a !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #24273a !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #1e2030 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #24273a !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #24273a !important; 51 | border-color: #8aadf4 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #8aadf4 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #181926 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #363a4f !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #181926; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8aadf4 !important; 85 | --identity-icon-color: #8aadf4 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #8bd5ca !important; 90 | --identity-icon-color: #8bd5ca !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6da95 !important; 95 | --identity-icon-color: #a6da95 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #eed49f !important; 100 | --identity-icon-color: #eed49f !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #f5a97f !important; 105 | --identity-icon-color: #f5a97f !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #ed8796 !important; 110 | --identity-icon-color: #ed8796 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5bde6 !important; 115 | --identity-icon-color: #f5bde6 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #c6a0f6 !important; 120 | --identity-icon-color: #c6a0f6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Macchiato/Blue/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Flamingo/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Green/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Lavender/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Maroon/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Mauve/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Peach/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Pink/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Macchiato Pink userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #363a4f !important; 6 | --zen-primary-color: #f5bde6 !important; 7 | --zen-colors-secondary: #363a4f !important; 8 | --zen-colors-tertiary: #1e2030 !important; 9 | --zen-colors-border: #f5bde6 !important; 10 | --toolbarbutton-icon-fill: #f5bde6 !important; 11 | --lwt-text-color: #cad3f5 !important; 12 | --toolbar-field-color: #cad3f5 !important; 13 | --tab-selected-textcolor: rgb(224, 200, 237) !important; 14 | --toolbar-field-focus-color: #cad3f5 !important; 15 | --toolbar-color: #cad3f5 !important; 16 | --newtab-text-primary-color: #cad3f5 !important; 17 | --arrowpanel-color: #cad3f5 !important; 18 | --arrowpanel-background: #24273a !important; 19 | --sidebar-text-color: #cad3f5 !important; 20 | --lwt-sidebar-text-color: #cad3f5 !important; 21 | --lwt-sidebar-background-color: #181926 !important; 22 | --toolbar-bgcolor: #363a4f !important; 23 | --newtab-background-color: #24273a !important; 24 | --zen-themed-toolbar-bg: #1e2030 !important; 25 | --zen-main-browser-background: #1e2030 !important; 26 | --toolbox-bgcolor-inactive: #1e2030 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #1e2030 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #24273a !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #24273a !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #1e2030 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #24273a !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #24273a !important; 51 | border-color: #f5bde6 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #f5bde6 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #181926 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #363a4f !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #181926; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8aadf4 !important; 85 | --identity-icon-color: #8aadf4 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #8bd5ca !important; 90 | --identity-icon-color: #8bd5ca !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6da95 !important; 95 | --identity-icon-color: #a6da95 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #eed49f !important; 100 | --identity-icon-color: #eed49f !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #f5a97f !important; 105 | --identity-icon-color: #f5a97f !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #ed8796 !important; 110 | --identity-icon-color: #ed8796 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5bde6 !important; 115 | --identity-icon-color: #f5bde6 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #c6a0f6 !important; 120 | --identity-icon-color: #c6a0f6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Macchiato/Pink/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Red/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Macchiato Red userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #363a4f !important; 6 | --zen-primary-color: #ed8796 !important; 7 | --zen-colors-secondary: #363a4f !important; 8 | --zen-colors-tertiary: #1e2030 !important; 9 | --zen-colors-border: #ed8796 !important; 10 | --toolbarbutton-icon-fill: #ed8796 !important; 11 | --lwt-text-color: #cad3f5 !important; 12 | --toolbar-field-color: #cad3f5 !important; 13 | --tab-selected-textcolor: rgb(220, 173, 197) !important; 14 | --toolbar-field-focus-color: #cad3f5 !important; 15 | --toolbar-color: #cad3f5 !important; 16 | --newtab-text-primary-color: #cad3f5 !important; 17 | --arrowpanel-color: #cad3f5 !important; 18 | --arrowpanel-background: #24273a !important; 19 | --sidebar-text-color: #cad3f5 !important; 20 | --lwt-sidebar-text-color: #cad3f5 !important; 21 | --lwt-sidebar-background-color: #181926 !important; 22 | --toolbar-bgcolor: #363a4f !important; 23 | --newtab-background-color: #24273a !important; 24 | --zen-themed-toolbar-bg: #1e2030 !important; 25 | --zen-main-browser-background: #1e2030 !important; 26 | --toolbox-bgcolor-inactive: #1e2030 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #1e2030 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #24273a !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #24273a !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #1e2030 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #24273a !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #24273a !important; 51 | border-color: #ed8796 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #ed8796 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #181926 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #363a4f !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #181926; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8aadf4 !important; 85 | --identity-icon-color: #8aadf4 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #8bd5ca !important; 90 | --identity-icon-color: #8bd5ca !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6da95 !important; 95 | --identity-icon-color: #a6da95 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #eed49f !important; 100 | --identity-icon-color: #eed49f !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #f5a97f !important; 105 | --identity-icon-color: #f5a97f !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #ed8796 !important; 110 | --identity-icon-color: #ed8796 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5bde6 !important; 115 | --identity-icon-color: #f5bde6 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #c6a0f6 !important; 120 | --identity-icon-color: #c6a0f6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Macchiato/Red/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Rosewater/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Sapphire/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Sky/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Macchiato Sky userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #363a4f !important; 6 | --zen-primary-color: #91d7e3 !important; 7 | --zen-colors-secondary: #363a4f !important; 8 | --zen-colors-tertiary: #1e2030 !important; 9 | --zen-colors-border: #91d7e3 !important; 10 | --toolbarbutton-icon-fill: #91d7e3 !important; 11 | --lwt-text-color: #cad3f5 !important; 12 | --toolbar-field-color: #cad3f5 !important; 13 | --tab-selected-textcolor: rgb(174, 213, 236) !important; 14 | --toolbar-field-focus-color: #cad3f5 !important; 15 | --toolbar-color: #cad3f5 !important; 16 | --newtab-text-primary-color: #cad3f5 !important; 17 | --arrowpanel-color: #cad3f5 !important; 18 | --arrowpanel-background: #24273a !important; 19 | --sidebar-text-color: #cad3f5 !important; 20 | --lwt-sidebar-text-color: #cad3f5 !important; 21 | --lwt-sidebar-background-color: #181926 !important; 22 | --toolbar-bgcolor: #363a4f !important; 23 | --newtab-background-color: #24273a !important; 24 | --zen-themed-toolbar-bg: #1e2030 !important; 25 | --zen-main-browser-background: #1e2030 !important; 26 | --toolbox-bgcolor-inactive: #1e2030 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #1e2030 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #24273a !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #24273a !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #1e2030 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #24273a !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #24273a !important; 51 | border-color: #91d7e3 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #91d7e3 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #181926 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #363a4f !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #181926; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8aadf4 !important; 85 | --identity-icon-color: #8aadf4 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #8bd5ca !important; 90 | --identity-icon-color: #8bd5ca !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6da95 !important; 95 | --identity-icon-color: #a6da95 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #eed49f !important; 100 | --identity-icon-color: #eed49f !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #f5a97f !important; 105 | --identity-icon-color: #f5a97f !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #ed8796 !important; 110 | --identity-icon-color: #ed8796 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5bde6 !important; 115 | --identity-icon-color: #f5bde6 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #c6a0f6 !important; 120 | --identity-icon-color: #c6a0f6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Macchiato/Sky/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Teal/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Macchiato Teal userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #363a4f !important; 6 | --zen-primary-color: #8bd5ca !important; 7 | --zen-colors-secondary: #363a4f !important; 8 | --zen-colors-tertiary: #1e2030 !important; 9 | --zen-colors-border: #8bd5ca !important; 10 | --toolbarbutton-icon-fill: #8bd5ca !important; 11 | --lwt-text-color: #cad3f5 !important; 12 | --toolbar-field-color: #cad3f5 !important; 13 | --tab-selected-textcolor: rgb(171, 212, 223) !important; 14 | --toolbar-field-focus-color: #cad3f5 !important; 15 | --toolbar-color: #cad3f5 !important; 16 | --newtab-text-primary-color: #cad3f5 !important; 17 | --arrowpanel-color: #cad3f5 !important; 18 | --arrowpanel-background: #24273a !important; 19 | --sidebar-text-color: #cad3f5 !important; 20 | --lwt-sidebar-text-color: #cad3f5 !important; 21 | --lwt-sidebar-background-color: #181926 !important; 22 | --toolbar-bgcolor: #363a4f !important; 23 | --newtab-background-color: #24273a !important; 24 | --zen-themed-toolbar-bg: #1e2030 !important; 25 | --zen-main-browser-background: #1e2030 !important; 26 | --toolbox-bgcolor-inactive: #1e2030 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #1e2030 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #24273a !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #24273a !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #1e2030 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #24273a !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #24273a !important; 51 | border-color: #8bd5ca !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #8bd5ca !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #181926 !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #363a4f !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #181926; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #8aadf4 !important; 85 | --identity-icon-color: #8aadf4 !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #8bd5ca !important; 90 | --identity-icon-color: #8bd5ca !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6da95 !important; 95 | --identity-icon-color: #a6da95 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #eed49f !important; 100 | --identity-icon-color: #eed49f !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #f5a97f !important; 105 | --identity-icon-color: #f5a97f !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #ed8796 !important; 110 | --identity-icon-color: #ed8796 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5bde6 !important; 115 | --identity-icon-color: #f5bde6 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #c6a0f6 !important; 120 | --identity-icon-color: #c6a0f6 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Macchiato/Teal/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Macchiato/Yellow/zen-logo-macchiato.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Blue/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Blue userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #89b4fa !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #89b4fa !important; 10 | --toolbarbutton-icon-fill: #89b4fa !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(171, 197, 247) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #89b4fa !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #89b4fa !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Blue/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Flamingo/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Flamingo userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #f2cdcd !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #f2cdcd !important; 10 | --toolbarbutton-icon-fill: #f2cdcd !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(223, 210, 225) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #f2cdcd !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #f2cdcd !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Flamingo/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Green/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Green userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #a6e3a1 !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #a6e3a1 !important; 10 | --toolbarbutton-icon-fill: #a6e3a1 !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(185, 221, 203) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #a6e3a1 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #a6e3a1 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Green/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Lavender/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Lavender userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #b4befe !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #b4befe !important; 10 | --toolbarbutton-icon-fill: #b4befe !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(192, 202, 249) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #b4befe !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #b4befe !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Lavender/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Maroon/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Maroon userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #eba0ac !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #eba0ac !important; 10 | --toolbarbutton-icon-fill: #eba0ac !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(220, 187, 208) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #eba0ac !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #eba0ac !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Maroon/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Mauve/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Mauve userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #cba6f7 !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #cba6f7 !important; 10 | --toolbarbutton-icon-fill: #cba6f7 !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(204, 190, 246) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #cba6f7 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #cba6f7 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Mauve/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Peach/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Peach userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #fab387 !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #fab387 !important; 10 | --toolbarbutton-icon-fill: #fab387 !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(227, 197, 190) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #fab387 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #fab387 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Peach/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Pink/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Pink userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #f5c2e7 !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #f5c2e7 !important; 10 | --toolbarbutton-icon-fill: #f5c2e7 !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(225, 204, 238) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #f5c2e7 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #f5c2e7 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Pink/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Red/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Red userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #f38ba8 !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #f38ba8 !important; 10 | --toolbarbutton-icon-fill: #f38ba8 !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(224, 177, 206) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #f38ba8 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #f38ba8 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Red/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Rosewater/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Sapphire/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Sapphire userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #74c7ec !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #74c7ec !important; 10 | --toolbarbutton-icon-fill: #74c7ec !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(160, 207, 240) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #74c7ec !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #74c7ec !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Sapphire/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Sky/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Sky userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #89dceb !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #89dceb !important; 10 | --toolbarbutton-icon-fill: #89dceb !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(171, 217, 240) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #89dceb !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #89dceb !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Sky/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Teal/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Teal userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #94e2d5 !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #94e2d5 !important; 10 | --toolbarbutton-icon-fill: #94e2d5 !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(176, 220, 229) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #94e2d5 !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #94e2d5 !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Teal/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /themes/Mocha/Yellow/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Catppuccin Mocha Yellow userChrome.css*/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | :root { 5 | --zen-colors-primary: #313244 !important; 6 | --zen-primary-color: #f9e2af !important; 7 | --zen-colors-secondary: #313244 !important; 8 | --zen-colors-tertiary: #181825 !important; 9 | --zen-colors-border: #f9e2af !important; 10 | --toolbarbutton-icon-fill: #f9e2af !important; 11 | --lwt-text-color: #cdd6f4 !important; 12 | --toolbar-field-color: #cdd6f4 !important; 13 | --tab-selected-textcolor: rgb(227, 220, 210) !important; 14 | --toolbar-field-focus-color: #cdd6f4 !important; 15 | --toolbar-color: #cdd6f4 !important; 16 | --newtab-text-primary-color: #cdd6f4 !important; 17 | --arrowpanel-color: #cdd6f4 !important; 18 | --arrowpanel-background: #1e1e2e !important; 19 | --sidebar-text-color: #cdd6f4 !important; 20 | --lwt-sidebar-text-color: #cdd6f4 !important; 21 | --lwt-sidebar-background-color: #11111b !important; 22 | --toolbar-bgcolor: #313244 !important; 23 | --newtab-background-color: #1e1e2e !important; 24 | --zen-themed-toolbar-bg: #181825 !important; 25 | --zen-main-browser-background: #181825 !important; 26 | --toolbox-bgcolor-inactive: #181825 !important; 27 | } 28 | 29 | #permissions-granted-icon{ 30 | color: #181825 !important; 31 | } 32 | 33 | .sidebar-placesTree { 34 | background-color: #1e1e2e !important; 35 | } 36 | 37 | #zen-workspaces-button { 38 | background-color: #1e1e2e !important; 39 | } 40 | 41 | #TabsToolbar { 42 | background-color: #181825 !important; 43 | } 44 | 45 | #urlbar-background { 46 | background-color: #1e1e2e !important; 47 | } 48 | 49 | .content-shortcuts { 50 | background-color: #1e1e2e !important; 51 | border-color: #f9e2af !important; 52 | } 53 | 54 | .urlbarView-url { 55 | color: #f9e2af !important; 56 | } 57 | 58 | #zenEditBookmarkPanelFaviconContainer { 59 | background: #11111b !important; 60 | } 61 | 62 | #zen-media-controls-toolbar { 63 | & #zen-media-progress-bar { 64 | &::-moz-range-track { 65 | background: #313244 !important; 66 | } 67 | } 68 | } 69 | 70 | toolbar .toolbarbutton-1 { 71 | &:not([disabled]) { 72 | &:is([open], [checked]) 73 | > :is( 74 | .toolbarbutton-icon, 75 | .toolbarbutton-text, 76 | .toolbarbutton-badge-stack 77 | ) { 78 | fill: #11111b; 79 | } 80 | } 81 | } 82 | 83 | .identity-color-blue { 84 | --identity-tab-color: #89b4fa !important; 85 | --identity-icon-color: #89b4fa !important; 86 | } 87 | 88 | .identity-color-turquoise { 89 | --identity-tab-color: #94e2d5 !important; 90 | --identity-icon-color: #94e2d5 !important; 91 | } 92 | 93 | .identity-color-green { 94 | --identity-tab-color: #a6e3a1 !important; 95 | --identity-icon-color: #a6e3a1 !important; 96 | } 97 | 98 | .identity-color-yellow { 99 | --identity-tab-color: #f9e2af !important; 100 | --identity-icon-color: #f9e2af !important; 101 | } 102 | 103 | .identity-color-orange { 104 | --identity-tab-color: #fab387 !important; 105 | --identity-icon-color: #fab387 !important; 106 | } 107 | 108 | .identity-color-red { 109 | --identity-tab-color: #f38ba8 !important; 110 | --identity-icon-color: #f38ba8 !important; 111 | } 112 | 113 | .identity-color-pink { 114 | --identity-tab-color: #f5c2e7 !important; 115 | --identity-icon-color: #f5c2e7 !important; 116 | } 117 | 118 | .identity-color-purple { 119 | --identity-tab-color: #cba6f7 !important; 120 | --identity-icon-color: #cba6f7 !important; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /themes/Mocha/Yellow/zen-logo-mocha.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | --------------------------------------------------------------------------------