[
  {
    "path": ".editorconfig",
    "content": "# EditorConfig helps developers define and maintain consistent\n# coding styles between different editors and IDEs\n# EditorConfig is awesome: https://EditorConfig.org\n\nroot = true\n\n[*]\ncharset = utf-8\nindent_size = 2\nindent_style = space\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n\n# go\n[*.go]\nindent_style = tab\nindent_size = 4\n\n# python\n[*.{ini,py,py.tpl,rst}]\nindent_size = 4\n\n# rust\n[*.rs]\nindent_size = 4\n\n# documentation, utils\n[*.{md,mdx,diff}]\ntrim_trailing_whitespace = false\n\n# windows shell scripts\n[*.{cmd,bat,ps1}]\nend_of_line = crlf"
  },
  {
    "path": ".github/workflows/whiskers-check.yml",
    "content": "name: whiskers\n\non:\n  workflow_dispatch:\n  push:\n    branches: [main]\n  pull_request:\n    branches: [main]\n\njobs:\n  run:\n    uses: catppuccin/actions/.github/workflows/whiskers-check.yml@v1\n    with:\n      args: |\n        templates/userChrome.tera\n        templates/userContent.tera\n        templates/zen-logo.tera\n    secrets: inherit\n"
  },
  {
    "path": ".gitignore",
    "content": ".DS_Store\n**/.DS_Store"
  },
  {
    "path": "LICENSE",
    "content": "MIT License\n\nCopyright (c) 2021 Catppuccin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "<h3 align=\"center\">\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/><br/>\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/>\n\tCatppuccin for <a href=\"https://zen-browser.app/\">Zen Browser</a>\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/>\n</h3>\n\n<p align=\"center\">\n\t<a href=\"https://github.com/catppuccin/zen-browser/stargazers\"><img src=\"https://img.shields.io/github/stars/catppuccin/zen-browser?colorA=363a4f&colorB=b7bdf8&style=for-the-badge\"></a>\n\t<a href=\"https://github.com/catppuccin/zen-browser/issues\"><img src=\"https://img.shields.io/github/issues/catppuccin/zen-browser?colorA=363a4f&colorB=f5a97f&style=for-the-badge\"></a>\n\t<a href=\"https://github.com/catppuccin/zen-browser/contributors\"><img src=\"https://img.shields.io/github/contributors/catppuccin/zen-browser?colorA=363a4f&colorB=a6da95&style=for-the-badge\"></a>\n</p>\n\n<p align=\"center\">\n\t<img src=\"assets/preview.webp\"/>\n</p>\n\n## Previews\n\n<details>\n<summary>🌻 Latte</summary>\n<img src=\"assets/latte.webp\"/>\n</details>\n<details>\n<summary>🪴 Frappé</summary>\n<img src=\"assets/frappe.webp\"/>\n</details>\n<details>\n<summary>🌺 Macchiato</summary>\n<img src=\"assets/macchiato.webp\"/>\n</details>\n<details>\n<summary>🌿 Mocha</summary>\n<img src=\"assets/mocha.webp\"/>\n</details>\n\n## Usage\n\n1. [Create a `chrome` folder](https://www.userchrome.org/how-create-userchrome-css.html) in your Zen Browser's profile directory and configure it to enable userstyles.\n2. 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.\n3. Enable `toolkit.legacyUserProfileCustomizations.stylesheets` in [about:config](about:config).\n\n> [!NOTE]\n> 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.\n\n## 🙋 FAQ\n\n- **Q:** What if I already have a `userChrome.css` and/or `userContent.css` configuration?\n  \n  **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.\n\n- **Q:** Can I automatically switch flavors between light and dark mode?\n  \n  **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.\n\n## 💝 Thanks to\n\n- [IAmJafeth](https://github.com/IAmJafeth)\n\n&nbsp;\n\n<p align=\"center\">\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" />\n</p>\n\n<p align=\"center\">\n\tCopyright &copy; 2021-present <a href=\"https://github.com/catppuccin\" target=\"_blank\">Catppuccin Org</a>\n</p>\n\n<p align=\"center\">\n\t<a href=\"https://github.com/catppuccin/catppuccin/blob/main/LICENSE\"><img src=\"https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8\"/></a>\n</p>\n"
  },
  {
    "path": "renovate.json",
    "content": "{\n  \"$schema\": \"https://docs.renovatebot.com/renovate-schema.json\",\n  \"extends\": [\n    \"local>catppuccin/renovate-config\"\n  ]\n}\n"
  },
  {
    "path": "templates/userChrome.tera",
    "content": "---\nwhiskers:\n  version: ^2.5.1\n  matrix:\n    - accent\n    - flavor\n  filename: \"themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/userChrome.css\"\n---\n{%- set palette = flavor.colors -%}\n\n/* Catppuccin {{flavor.identifier | capitalize}} {{accent | capitalize}} userChrome.css*/\n\n@media (prefers-color-scheme: {{ if(cond=flavor.dark, t=\"dark\", f=\"light\") }}) {\n  :root {\n    --zen-colors-primary: #{{ surface0.hex }} !important;\n    --zen-primary-color: #{{ palette[accent].hex }} !important;\n    --zen-colors-secondary: #{{ surface0.hex }} !important;\n    --zen-colors-tertiary: #{{ mantle.hex }} !important;\n    --zen-colors-border: #{{ palette[accent].hex }} !important;\n    --toolbarbutton-icon-fill: #{{ palette[accent].hex }} !important;\n    --lwt-text-color: #{{ text.hex }} !important;\n    --toolbar-field-color: #{{ text.hex }} !important;\n    --tab-selected-textcolor: {{ palette[accent] | mix(color=text, amount=0.5) | css_rgb}} !important;\n    --toolbar-field-focus-color: #{{ text.hex }} !important;\n    --toolbar-color: #{{ text.hex }} !important;\n    --newtab-text-primary-color: #{{ text.hex }} !important;\n    --arrowpanel-color: #{{ text.hex }} !important;\n    --arrowpanel-background: #{{ base.hex }} !important;\n    --sidebar-text-color: #{{ text.hex }} !important;\n    --lwt-sidebar-text-color: #{{ text.hex }} !important;\n    --lwt-sidebar-background-color: #{{ crust.hex }} !important;\n    --toolbar-bgcolor: #{{ surface0.hex }} !important;\n    --newtab-background-color: #{{ base.hex }} !important;\n    --zen-themed-toolbar-bg: #{{ mantle.hex }} !important;\n    --zen-main-browser-background: #{{ mantle.hex }} !important;\n    --toolbox-bgcolor-inactive: #{{ mantle.hex }} !important;\n  }\n\n  #permissions-granted-icon {\n    color: #{{ mantle.hex }} !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #{{ base.hex }} !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #{{ base.hex }} !important;\n  }\n\n  #TabsToolbar {\n    background-color: #{{ mantle.hex }} !important;\n  }\n\n  .urlbar-background {\n    background-color: #{{ base.hex }} !important;\n  }\n\n  .content-shortcuts {\n    background-color: #{{ base.hex }} !important;\n    border-color: #{{ palette[accent].hex }} !important;\n  }\n\n  .urlbarView-url {\n    color: #{{ palette[accent].hex }} !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #{{ crust.hex }} !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #{{ surface0.hex }} !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #{{ crust.hex }};\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #{{ blue.hex }} !important;\n    --identity-icon-color: #{{ blue.hex }} !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #{{ teal.hex }} !important;\n    --identity-icon-color: #{{ teal.hex }} !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #{{ green.hex }} !important;\n    --identity-icon-color: #{{ green.hex }} !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #{{ yellow.hex }} !important;\n    --identity-icon-color: #{{ yellow.hex }} !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #{{ peach.hex }} !important;\n    --identity-icon-color: #{{ peach.hex }} !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #{{ red.hex }} !important;\n    --identity-icon-color: #{{ red.hex }} !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #{{ pink.hex }} !important;\n    --identity-icon-color: #{{ pink.hex }} !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #{{ mauve.hex }} !important;\n    --identity-icon-color: #{{ mauve.hex }} !important;\n  }\n\n  hbox#titlebar {\n    background-color: #{{ mantle.hex }} !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #{{ mantle.hex }} !important;\n  }\n}\n"
  },
  {
    "path": "templates/userContent.tera",
    "content": "---\nwhiskers:\n  version: ^2.5.1\n  matrix:\n    - accent\n    - flavor\n  filename: \"themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/userContent.css\"\n---\n{%- set palette = flavor.colors -%}\n\n/* Catppuccin {{flavor.identifier | capitalize}} {{accent | capitalize}} userContent.css*/\n\n@media (prefers-color-scheme: {{ if(cond=flavor.dark, t=\"dark\", f=\"light\") }}) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #{{ text.hex }} !important;\n      --color-accent-primary: #{{ palette[accent].hex }} !important;\n      --color-accent-primary-hover: {{ palette[accent] | add(lightness=5) | css_rgb }} !important;\n      --color-accent-primary-active: {{ palette[accent] | add(hue=15) | css_rgb}} !important;\n      background-color: #{{ base.hex }} !important;\n      --in-content-page-background: #{{ base.hex }} !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #{{ base.hex }} !important;\n      --newtab-background-color-secondary: #{{ surface0.hex }} !important;\n      --newtab-element-hover-color: #{{ surface0.hex }} !important;\n      --newtab-text-primary-color: #{{ text.hex }} !important;\n      --newtab-wordmark-color: #{{ text.hex }} !important;\n      --newtab-primary-action-background: #{{palette[accent].hex}} !important;\n    }\n\n    .icon {\n      color: #{{ palette[accent].hex }} !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-{{ flavor.identifier }}.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/zen-logo-{{ flavor.identifier }}.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #{{ palette[accent].hex }} !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #{{ blue.hex }} !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #{{ green.hex }} !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #{{ mantle.hex }} !important;\n      --in-content-text-color: #{{ text.hex }} !important;\n      --link-color: #{{ palette[accent].hex }} !important;\n      --link-color-hover: {{ palette[accent] | add(lightness=5) | css_rgb }} !important;\n      --zen-colors-primary: #{{ surface0.hex }} !important;\n      --in-content-box-background: #{{ surface0.hex }} !important;\n      --zen-primary-color: #{{ palette[accent].hex }} !important;\n    }\n\n    groupbox , moz-card{\n      background: #{{ base.hex }} !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #{{ surface0.hex }} !important;\n      color: #{{ text.hex }} !important;\n    }\n\n    .main-content {\n      background-color: #{{ crust.hex }} !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #{{ mantle.hex }} !important;\n      --background-color-box: #{{ base.hex }} !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #{{ base.hex }} !important;\n      --social-color: #{{ mauve.hex }} !important;\n      --coockie-color: #{{ sky.hex }} !important;\n      --fingerprinter-color: #{{ yellow.hex }} !important;\n      --cryptominer-color: #{{ lavender.hex }} !important;\n      --tracker-color: #{{ green.hex }} !important;\n      --in-content-primary-button-background-hover: {{ surface1 | add(lightness=5) | css_rgb }} !important;\n      --in-content-primary-button-text-color-hover: #{{ text.hex }} !important;\n      --in-content-primary-button-background: #{{ surface1.hex }} !important;\n      --in-content-primary-button-text-color: #{{ text.hex }} !important;\n    }\n\n\n    .card {\n      background-color: #{{ surface0.hex }} !important;\n    }\n  }\n}\n"
  },
  {
    "path": "templates/zen-logo.tera",
    "content": "---\nwhiskers:\n  version: ^2.5.1\n  matrix:\n    - accent\n    - flavor\n  filename: \"themes/{{ flavor.identifier | capitalize}}/{{ accent | capitalize }}/zen-logo-{{ flavor.identifier }}.svg\"\n---\n{%- set palette = flavor.colors -%}\n\n<svg width=\"1024\" height=\"1024\" viewBox=\"0 0 1024 1024\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g clip-path=\"url(#clip0_15_9)\">\n    <rect width=\"1024\" height=\"1024\" rx=\"225\" fill=\"#{{crust.hex}}\"/>\n    <circle cx=\"512\" cy=\"512\" r=\"340\" stroke=\"#{{text.hex}}\" stroke-width=\"70\"/>\n    <circle cx=\"512\" cy=\"512\" r=\"224.915\" stroke=\"#{{text.hex}}\" stroke-width=\"51\"/>\n    <circle cx=\"512\" cy=\"512\" r=\"129.018\" stroke=\"#{{text.hex}}\" stroke-width=\"31\"/>\n  </g>\n  <defs>\n    <clipPath id=\"clip0_15_9\">\n      <rect width=\"1024\" height=\"1024\" fill=\"white\"/>\n    </clipPath>\n  </defs>\n</svg>\n"
  },
  {
    "path": "themes/Frappe/Blue/userChrome.css",
    "content": "/* Catppuccin Frappe Blue userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #8caaee !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #8caaee !important;\n    --toolbarbutton-icon-fill: #8caaee !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(169, 189, 241) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #8caaee !important;\n  }\n\n  .urlbarView-url {\n    color: #8caaee !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Blue/userContent.css",
    "content": "/* Catppuccin Frappe Blue userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #8caaee !important;\n      --color-accent-primary-hover: rgb(163, 186, 241) !important;\n      --color-accent-primary-active: rgb(140, 145, 238) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #8caaee !important;\n    }\n\n    .icon {\n      color: #8caaee !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Blue/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #8caaee !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #8caaee !important;\n      --link-color-hover: rgb(163, 186, 241) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #8caaee !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Flamingo/userChrome.css",
    "content": "/* Catppuccin Frappe Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #eebebe !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #eebebe !important;\n    --toolbarbutton-icon-fill: #eebebe !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(218, 199, 217) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #eebebe !important;\n  }\n\n  .urlbarView-url {\n    color: #eebebe !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Flamingo/userContent.css",
    "content": "/* Catppuccin Frappe Flamingo userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #eebebe !important;\n      --color-accent-primary-hover: rgb(243, 211, 211) !important;\n      --color-accent-primary-active: rgb(238, 202, 190) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #eebebe !important;\n    }\n\n    .icon {\n      color: #eebebe !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Flamingo/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #eebebe !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #eebebe !important;\n      --link-color-hover: rgb(243, 211, 211) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #eebebe !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Green/userChrome.css",
    "content": "/* Catppuccin Frappe Green userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #a6d189 !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #a6d189 !important;\n    --toolbarbutton-icon-fill: #a6d189 !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(182, 209, 191) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #a6d189 !important;\n  }\n\n  .urlbarView-url {\n    color: #a6d189 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Green/userContent.css",
    "content": "/* Catppuccin Frappe Green userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #a6d189 !important;\n      --color-accent-primary-hover: rgb(180, 216, 156) !important;\n      --color-accent-primary-active: rgb(148, 209, 137) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #a6d189 !important;\n    }\n\n    .icon {\n      color: #a6d189 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Green/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #a6d189 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #a6d189 !important;\n      --link-color-hover: rgb(180, 216, 156) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #a6d189 !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Lavender/userChrome.css",
    "content": "/* Catppuccin Frappe Lavender userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #babbf1 !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #babbf1 !important;\n    --toolbarbutton-icon-fill: #babbf1 !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(192, 198, 243) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #babbf1 !important;\n  }\n\n  .urlbarView-url {\n    color: #babbf1 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Lavender/userContent.css",
    "content": "/* Catppuccin Frappe Lavender userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #babbf1 !important;\n      --color-accent-primary-hover: rgb(208, 209, 246) !important;\n      --color-accent-primary-active: rgb(200, 187, 241) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #babbf1 !important;\n    }\n\n    .icon {\n      color: #babbf1 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Lavender/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #babbf1 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #babbf1 !important;\n      --link-color-hover: rgb(208, 209, 246) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #babbf1 !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Maroon/userChrome.css",
    "content": "/* Catppuccin Frappe Maroon userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #ea999c !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #ea999c !important;\n    --toolbarbutton-icon-fill: #ea999c !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(216, 181, 200) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #ea999c !important;\n  }\n\n  .urlbarView-url {\n    color: #ea999c !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Maroon/userContent.css",
    "content": "/* Catppuccin Frappe Maroon userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #ea999c !important;\n      --color-accent-primary-hover: rgb(239, 175, 177) !important;\n      --color-accent-primary-active: rgb(234, 171, 154) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #ea999c !important;\n    }\n\n    .icon {\n      color: #ea999c !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Maroon/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #ea999c !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #ea999c !important;\n      --link-color-hover: rgb(239, 175, 177) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #ea999c !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Mauve/userChrome.css",
    "content": "/* Catppuccin Frappe Mauve userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #ca9ee6 !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #ca9ee6 !important;\n    --toolbarbutton-icon-fill: #ca9ee6 !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(200, 183, 237) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #ca9ee6 !important;\n  }\n\n  .urlbarView-url {\n    color: #ca9ee6 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Mauve/userContent.css",
    "content": "/* Catppuccin Frappe Mauve userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #ca9ee6 !important;\n      --color-accent-primary-hover: rgb(214, 179, 235) !important;\n      --color-accent-primary-active: rgb(220, 158, 230) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #ca9ee6 !important;\n    }\n\n    .icon {\n      color: #ca9ee6 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Mauve/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #ca9ee6 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #ca9ee6 !important;\n      --link-color-hover: rgb(214, 179, 235) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #ca9ee6 !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Peach/userChrome.css",
    "content": "/* Catppuccin Frappe Peach userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #ef9f76 !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #ef9f76 !important;\n    --toolbarbutton-icon-fill: #ef9f76 !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(219, 184, 181) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #ef9f76 !important;\n  }\n\n  .urlbarView-url {\n    color: #ef9f76 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Peach/userContent.css",
    "content": "/* Catppuccin Frappe Peach userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #ef9f76 !important;\n      --color-accent-primary-hover: rgb(242, 175, 142) !important;\n      --color-accent-primary-active: rgb(239, 189, 119) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #ef9f76 !important;\n    }\n\n    .icon {\n      color: #ef9f76 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Peach/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #ef9f76 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #ef9f76 !important;\n      --link-color-hover: rgb(242, 175, 142) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #ef9f76 !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Pink/userChrome.css",
    "content": "/* Catppuccin Frappe Pink userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #f4b8e4 !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #f4b8e4 !important;\n    --toolbarbutton-icon-fill: #f4b8e4 !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(221, 196, 236) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #f4b8e4 !important;\n  }\n\n  .urlbarView-url {\n    color: #f4b8e4 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Pink/userContent.css",
    "content": "/* Catppuccin Frappe Pink userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #f4b8e4 !important;\n      --color-accent-primary-hover: rgb(248, 206, 237) !important;\n      --color-accent-primary-active: rgb(244, 184, 213) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #f4b8e4 !important;\n    }\n\n    .icon {\n      color: #f4b8e4 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Pink/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f4b8e4 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #f4b8e4 !important;\n      --link-color-hover: rgb(248, 206, 237) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #f4b8e4 !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Red/userChrome.css",
    "content": "/* Catppuccin Frappe Red userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #e78284 !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #e78284 !important;\n    --toolbarbutton-icon-fill: #e78284 !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(215, 169, 188) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #e78284 !important;\n  }\n\n  .urlbarView-url {\n    color: #e78284 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Red/userContent.css",
    "content": "/* Catppuccin Frappe Red userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #e78284 !important;\n      --color-accent-primary-hover: rgb(235, 153, 154) !important;\n      --color-accent-primary-active: rgb(231, 154, 131) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #e78284 !important;\n    }\n\n    .icon {\n      color: #e78284 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Red/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #e78284 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #e78284 !important;\n      --link-color-hover: rgb(235, 153, 154) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #e78284 !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Rosewater/userChrome.css",
    "content": "/* Catppuccin Frappe Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #f2d5cf !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #f2d5cf !important;\n    --toolbarbutton-icon-fill: #f2d5cf !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(220, 211, 226) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #f2d5cf !important;\n  }\n\n  .urlbarView-url {\n    color: #f2d5cf !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Rosewater/userContent.css",
    "content": "/* Catppuccin Frappe Rosewater userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #f2d5cf !important;\n      --color-accent-primary-hover: rgb(248, 232, 228) !important;\n      --color-accent-primary-active: rgb(242, 222, 208) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #f2d5cf !important;\n    }\n\n    .icon {\n      color: #f2d5cf !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Rosewater/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f2d5cf !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #f2d5cf !important;\n      --link-color-hover: rgb(248, 232, 228) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #f2d5cf !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Sapphire/userChrome.css",
    "content": "/* Catppuccin Frappe Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #85c1dc !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #85c1dc !important;\n    --toolbarbutton-icon-fill: #85c1dc !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(166, 201, 232) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #85c1dc !important;\n  }\n\n  .urlbarView-url {\n    color: #85c1dc !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Sapphire/userContent.css",
    "content": "/* Catppuccin Frappe Sapphire userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #85c1dc !important;\n      --color-accent-primary-hover: rgb(154, 203, 226) !important;\n      --color-accent-primary-active: rgb(134, 171, 220) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #85c1dc !important;\n    }\n\n    .icon {\n      color: #85c1dc !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Sapphire/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #85c1dc !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #85c1dc !important;\n      --link-color-hover: rgb(154, 203, 226) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #85c1dc !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Sky/userChrome.css",
    "content": "/* Catppuccin Frappe Sky userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #99d1db !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #99d1db !important;\n    --toolbarbutton-icon-fill: #99d1db !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(176, 209, 232) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #99d1db !important;\n  }\n\n  .urlbarView-url {\n    color: #99d1db !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Sky/userContent.css",
    "content": "/* Catppuccin Frappe Sky userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #99d1db !important;\n      --color-accent-primary-hover: rgb(172, 218, 226) !important;\n      --color-accent-primary-active: rgb(153, 193, 219) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #99d1db !important;\n    }\n\n    .icon {\n      color: #99d1db !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Sky/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #99d1db !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #99d1db !important;\n      --link-color-hover: rgb(172, 218, 226) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #99d1db !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Teal/userChrome.css",
    "content": "/* Catppuccin Frappe Teal userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #81c8be !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #81c8be !important;\n    --toolbarbutton-icon-fill: #81c8be !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(164, 204, 217) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #81c8be !important;\n  }\n\n  .urlbarView-url {\n    color: #81c8be !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Teal/userContent.css",
    "content": "/* Catppuccin Frappe Teal userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #81c8be !important;\n      --color-accent-primary-hover: rgb(148, 208, 200) !important;\n      --color-accent-primary-active: rgb(130, 192, 200) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #81c8be !important;\n    }\n\n    .icon {\n      color: #81c8be !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Teal/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #81c8be !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #81c8be !important;\n      --link-color-hover: rgb(148, 208, 200) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #81c8be !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Yellow/userChrome.css",
    "content": "/* Catppuccin Frappe Yellow userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #414559 !important;\n    --zen-primary-color: #e5c890 !important;\n    --zen-colors-secondary: #414559 !important;\n    --zen-colors-tertiary: #292c3c !important;\n    --zen-colors-border: #e5c890 !important;\n    --toolbarbutton-icon-fill: #e5c890 !important;\n    --lwt-text-color: #c6d0f5 !important;\n    --toolbar-field-color: #c6d0f5 !important;\n    --tab-selected-textcolor: rgb(214, 204, 194) !important;\n    --toolbar-field-focus-color: #c6d0f5 !important;\n    --toolbar-color: #c6d0f5 !important;\n    --newtab-text-primary-color: #c6d0f5 !important;\n    --arrowpanel-color: #c6d0f5 !important;\n    --arrowpanel-background: #303446 !important;\n    --sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-text-color: #c6d0f5 !important;\n    --lwt-sidebar-background-color: #232634 !important;\n    --toolbar-bgcolor: #414559 !important;\n    --newtab-background-color: #303446 !important;\n    --zen-themed-toolbar-bg: #292c3c !important;\n    --zen-main-browser-background: #292c3c !important;\n    --toolbox-bgcolor-inactive: #292c3c !important;\n  }\n\n  #permissions-granted-icon {\n    color: #292c3c !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #303446 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #303446 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #292c3c !important;\n  }\n\n  .urlbar-background {\n    background-color: #303446 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #303446 !important;\n    border-color: #e5c890 !important;\n  }\n\n  .urlbarView-url {\n    color: #e5c890 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #232634 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #414559 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #232634;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8caaee !important;\n    --identity-icon-color: #8caaee !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #81c8be !important;\n    --identity-icon-color: #81c8be !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6d189 !important;\n    --identity-icon-color: #a6d189 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #e5c890 !important;\n    --identity-icon-color: #e5c890 !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #ef9f76 !important;\n    --identity-icon-color: #ef9f76 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #e78284 !important;\n    --identity-icon-color: #e78284 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f4b8e4 !important;\n    --identity-icon-color: #f4b8e4 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #ca9ee6 !important;\n    --identity-icon-color: #ca9ee6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #292c3c !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #292c3c !important;\n  }\n}\n"
  },
  {
    "path": "themes/Frappe/Yellow/userContent.css",
    "content": "/* Catppuccin Frappe Yellow userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #c6d0f5 !important;\n      --color-accent-primary: #e5c890 !important;\n      --color-accent-primary-hover: rgb(234, 211, 166) !important;\n      --color-accent-primary-active: rgb(229, 222, 145) !important;\n      background-color: #303446 !important;\n      --in-content-page-background: #303446 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #303446 !important;\n      --newtab-background-color-secondary: #414559 !important;\n      --newtab-element-hover-color: #414559 !important;\n      --newtab-text-primary-color: #c6d0f5 !important;\n      --newtab-wordmark-color: #c6d0f5 !important;\n      --newtab-primary-action-background: #e5c890 !important;\n    }\n\n    .icon {\n      color: #e5c890 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-frappe.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Frappe/Yellow/zen-logo-frappe.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #e5c890 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8caaee !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6d189 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #292c3c !important;\n      --in-content-text-color: #c6d0f5 !important;\n      --link-color: #e5c890 !important;\n      --link-color-hover: rgb(234, 211, 166) !important;\n      --zen-colors-primary: #414559 !important;\n      --in-content-box-background: #414559 !important;\n      --zen-primary-color: #e5c890 !important;\n    }\n\n    groupbox , moz-card{\n      background: #303446 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #414559 !important;\n      color: #c6d0f5 !important;\n    }\n\n    .main-content {\n      background-color: #232634 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #292c3c !important;\n      --background-color-box: #303446 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #303446 !important;\n      --social-color: #ca9ee6 !important;\n      --coockie-color: #99d1db !important;\n      --fingerprinter-color: #e5c890 !important;\n      --cryptominer-color: #babbf1 !important;\n      --tracker-color: #a6d189 !important;\n      --in-content-primary-button-background-hover: rgb(92, 99, 124) !important;\n      --in-content-primary-button-text-color-hover: #c6d0f5 !important;\n      --in-content-primary-button-background: #51576d !important;\n      --in-content-primary-button-text-color: #c6d0f5 !important;\n    }\n\n\n    .card {\n      background-color: #414559 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Blue/userChrome.css",
    "content": "/* Catppuccin Latte Blue userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #1e66f5 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #1e66f5 !important;\n    --toolbarbutton-icon-fill: #1e66f5 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(53, 90, 175) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #1e66f5 !important;\n  }\n\n  .urlbarView-url {\n    color: #1e66f5 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Blue/userContent.css",
    "content": "/* Catppuccin Latte Blue userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #1e66f5 !important;\n      --color-accent-primary-hover: rgb(56, 119, 246) !important;\n      --color-accent-primary-active: rgb(31, 49, 245) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #1e66f5 !important;\n    }\n\n    .icon {\n      color: #1e66f5 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Blue/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #1e66f5 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #1e66f5 !important;\n      --link-color-hover: rgb(56, 119, 246) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #1e66f5 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Flamingo/userChrome.css",
    "content": "/* Catppuccin Latte Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #dd7878 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #dd7878 !important;\n    --toolbarbutton-icon-fill: #dd7878 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(149, 99, 112) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #dd7878 !important;\n  }\n\n  .urlbarView-url {\n    color: #dd7878 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Flamingo/userContent.css",
    "content": "/* Catppuccin Latte Flamingo userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #dd7878 !important;\n      --color-accent-primary-hover: rgb(226, 142, 142) !important;\n      --color-accent-primary-active: rgb(221, 146, 121) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #dd7878 !important;\n    }\n\n    .icon {\n      color: #dd7878 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Flamingo/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #dd7878 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #dd7878 !important;\n      --link-color-hover: rgb(226, 142, 142) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #dd7878 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Green/userChrome.css",
    "content": "/* Catppuccin Latte Green userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #40a02b !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #40a02b !important;\n    --toolbarbutton-icon-fill: #40a02b !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(70, 119, 74) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #40a02b !important;\n  }\n\n  .urlbarView-url {\n    color: #40a02b !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Green/userContent.css",
    "content": "/* Catppuccin Latte Green userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #40a02b !important;\n      --color-accent-primary-hover: rgb(73, 181, 49) !important;\n      --color-accent-primary-active: rgb(43, 161, 51) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #40a02b !important;\n    }\n\n    .icon {\n      color: #40a02b !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Green/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #40a02b !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #40a02b !important;\n      --link-color-hover: rgb(73, 181, 49) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #40a02b !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Lavender/userChrome.css",
    "content": "/* Catppuccin Latte Lavender userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #7287fd !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #7287fd !important;\n    --toolbarbutton-icon-fill: #7287fd !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(95, 107, 179) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #7287fd !important;\n  }\n\n  .urlbarView-url {\n    color: #7287fd !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Lavender/userContent.css",
    "content": "/* Catppuccin Latte Lavender userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #7287fd !important;\n      --color-accent-primary-hover: rgb(141, 158, 253) !important;\n      --color-accent-primary-active: rgb(129, 115, 253) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #7287fd !important;\n    }\n\n    .icon {\n      color: #7287fd !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Lavender/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #7287fd !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #7287fd !important;\n      --link-color-hover: rgb(141, 158, 253) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #7287fd !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Maroon/userChrome.css",
    "content": "/* Catppuccin Latte Maroon userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #e64553 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #e64553 !important;\n    --toolbarbutton-icon-fill: #e64553 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(153, 74, 94) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #e64553 !important;\n  }\n\n  .urlbarView-url {\n    color: #e64553 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Maroon/userContent.css",
    "content": "/* Catppuccin Latte Maroon userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #e64553 !important;\n      --color-accent-primary-hover: rgb(233, 93, 104) !important;\n      --color-accent-primary-active: rgb(230, 96, 70) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #e64553 !important;\n    }\n\n    .icon {\n      color: #e64553 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Maroon/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #e64553 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #e64553 !important;\n      --link-color-hover: rgb(233, 93, 104) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #e64553 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Mauve/userChrome.css",
    "content": "/* Catppuccin Latte Mauve userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #8839ef !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #8839ef !important;\n    --toolbarbutton-icon-fill: #8839ef !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(106, 68, 172) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #8839ef !important;\n  }\n\n  .urlbarView-url {\n    color: #8839ef !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Mauve/userContent.css",
    "content": "/* Catppuccin Latte Mauve userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #8839ef !important;\n      --color-accent-primary-hover: rgb(150, 81, 241) !important;\n      --color-accent-primary-active: rgb(181, 57, 239) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #8839ef !important;\n    }\n\n    .icon {\n      color: #8839ef !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Mauve/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #8839ef !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #8839ef !important;\n      --link-color-hover: rgb(150, 81, 241) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #8839ef !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Peach/userChrome.css",
    "content": "/* Catppuccin Latte Peach userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #fe640b !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #fe640b !important;\n    --toolbarbutton-icon-fill: #fe640b !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(165, 89, 58) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #fe640b !important;\n  }\n\n  .urlbarView-url {\n    color: #fe640b !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Peach/userContent.css",
    "content": "/* Catppuccin Latte Peach userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #fe640b !important;\n      --color-accent-primary-hover: rgb(254, 117, 38) !important;\n      --color-accent-primary-active: rgb(254, 161, 12) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #fe640b !important;\n    }\n\n    .icon {\n      color: #fe640b !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Peach/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #fe640b !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #fe640b !important;\n      --link-color-hover: rgb(254, 117, 38) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #fe640b !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Pink/userChrome.css",
    "content": "/* Catppuccin Latte Pink userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #ea76cb !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #ea76cb !important;\n    --toolbarbutton-icon-fill: #ea76cb !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(155, 98, 154) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #ea76cb !important;\n  }\n\n  .urlbarView-url {\n    color: #ea76cb !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Pink/userContent.css",
    "content": "/* Catppuccin Latte Pink userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #ea76cb !important;\n      --color-accent-primary-hover: rgb(237, 141, 212) !important;\n      --color-accent-primary-active: rgb(234, 118, 174) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #ea76cb !important;\n    }\n\n    .icon {\n      color: #ea76cb !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Pink/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #ea76cb !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #ea76cb !important;\n      --link-color-hover: rgb(237, 141, 212) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #ea76cb !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Red/userChrome.css",
    "content": "/* Catppuccin Latte Red userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #d20f39 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #d20f39 !important;\n    --toolbarbutton-icon-fill: #d20f39 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(143, 47, 81) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #d20f39 !important;\n  }\n\n  .urlbarView-url {\n    color: #d20f39 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Red/userContent.css",
    "content": "/* Catppuccin Latte Red userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #d20f39 !important;\n      --color-accent-primary-hover: rgb(235, 17, 64) !important;\n      --color-accent-primary-active: rgb(211, 22, 15) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #d20f39 !important;\n    }\n\n    .icon {\n      color: #d20f39 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Red/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #d20f39 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #d20f39 !important;\n      --link-color-hover: rgb(235, 17, 64) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #d20f39 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Rosewater/userChrome.css",
    "content": "/* Catppuccin Latte Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #dc8a78 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #dc8a78 !important;\n    --toolbarbutton-icon-fill: #dc8a78 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(148, 108, 112) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #dc8a78 !important;\n  }\n\n  .urlbarView-url {\n    color: #dc8a78 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Rosewater/userContent.css",
    "content": "/* Catppuccin Latte Rosewater userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #dc8a78 !important;\n      --color-accent-primary-hover: rgb(225, 156, 141) !important;\n      --color-accent-primary-active: rgb(220, 163, 120) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #dc8a78 !important;\n    }\n\n    .icon {\n      color: #dc8a78 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Rosewater/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #dc8a78 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #dc8a78 !important;\n      --link-color-hover: rgb(225, 156, 141) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #dc8a78 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Sapphire/userChrome.css",
    "content": "/* Catppuccin Latte Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #209fb5 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #209fb5 !important;\n    --toolbarbutton-icon-fill: #209fb5 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(54, 119, 143) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #209fb5 !important;\n  }\n\n  .urlbarView-url {\n    color: #209fb5 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Sapphire/userContent.css",
    "content": "/* Catppuccin Latte Sapphire userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #209fb5 !important;\n      --color-accent-primary-hover: rgb(36, 179, 204) !important;\n      --color-accent-primary-active: rgb(32, 122, 182) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #209fb5 !important;\n    }\n\n    .icon {\n      color: #209fb5 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Sapphire/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #209fb5 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #209fb5 !important;\n      --link-color-hover: rgb(36, 179, 204) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #209fb5 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Sky/userChrome.css",
    "content": "/* Catppuccin Latte Sky userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #04a5e5 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #04a5e5 !important;\n    --toolbarbutton-icon-fill: #04a5e5 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(40, 122, 167) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #04a5e5 !important;\n  }\n\n  .urlbarView-url {\n    color: #04a5e5 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Sky/userContent.css",
    "content": "/* Catppuccin Latte Sky userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #04a5e5 !important;\n      --color-accent-primary-hover: rgb(9, 182, 251) !important;\n      --color-accent-primary-active: rgb(4, 109, 230) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #04a5e5 !important;\n    }\n\n    .icon {\n      color: #04a5e5 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Sky/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #04a5e5 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #04a5e5 !important;\n      --link-color-hover: rgb(9, 182, 251) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #04a5e5 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Teal/userChrome.css",
    "content": "/* Catppuccin Latte Teal userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #179299 !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #179299 !important;\n    --toolbarbutton-icon-fill: #179299 !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(50, 112, 129) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #179299 !important;\n  }\n\n  .urlbarView-url {\n    color: #179299 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Teal/userContent.css",
    "content": "/* Catppuccin Latte Teal userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #179299 !important;\n      --color-accent-primary-hover: rgb(27, 168, 175) !important;\n      --color-accent-primary-active: rgb(23, 114, 153) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #179299 !important;\n    }\n\n    .icon {\n      color: #179299 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Teal/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #179299 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #179299 !important;\n      --link-color-hover: rgb(27, 168, 175) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #179299 !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Yellow/userChrome.css",
    "content": "/* Catppuccin Latte Yellow userChrome.css*/\n\n@media (prefers-color-scheme: light) {\n  :root {\n    --zen-colors-primary: #ccd0da !important;\n    --zen-primary-color: #df8e1d !important;\n    --zen-colors-secondary: #ccd0da !important;\n    --zen-colors-tertiary: #e6e9ef !important;\n    --zen-colors-border: #df8e1d !important;\n    --toolbarbutton-icon-fill: #df8e1d !important;\n    --lwt-text-color: #4c4f69 !important;\n    --toolbar-field-color: #4c4f69 !important;\n    --tab-selected-textcolor: rgb(150, 110, 67) !important;\n    --toolbar-field-focus-color: #4c4f69 !important;\n    --toolbar-color: #4c4f69 !important;\n    --newtab-text-primary-color: #4c4f69 !important;\n    --arrowpanel-color: #4c4f69 !important;\n    --arrowpanel-background: #eff1f5 !important;\n    --sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-text-color: #4c4f69 !important;\n    --lwt-sidebar-background-color: #dce0e8 !important;\n    --toolbar-bgcolor: #ccd0da !important;\n    --newtab-background-color: #eff1f5 !important;\n    --zen-themed-toolbar-bg: #e6e9ef !important;\n    --zen-main-browser-background: #e6e9ef !important;\n    --toolbox-bgcolor-inactive: #e6e9ef !important;\n  }\n\n  #permissions-granted-icon {\n    color: #e6e9ef !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #eff1f5 !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #eff1f5 !important;\n  }\n\n  #TabsToolbar {\n    background-color: #e6e9ef !important;\n  }\n\n  .urlbar-background {\n    background-color: #eff1f5 !important;\n  }\n\n  .content-shortcuts {\n    background-color: #eff1f5 !important;\n    border-color: #df8e1d !important;\n  }\n\n  .urlbarView-url {\n    color: #df8e1d !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #dce0e8 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #ccd0da !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #dce0e8;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #1e66f5 !important;\n    --identity-icon-color: #1e66f5 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #179299 !important;\n    --identity-icon-color: #179299 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #40a02b !important;\n    --identity-icon-color: #40a02b !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #df8e1d !important;\n    --identity-icon-color: #df8e1d !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fe640b !important;\n    --identity-icon-color: #fe640b !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #d20f39 !important;\n    --identity-icon-color: #d20f39 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #ea76cb !important;\n    --identity-icon-color: #ea76cb !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #8839ef !important;\n    --identity-icon-color: #8839ef !important;\n  }\n\n  hbox#titlebar {\n    background-color: #e6e9ef !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #e6e9ef !important;\n  }\n}\n"
  },
  {
    "path": "themes/Latte/Yellow/userContent.css",
    "content": "/* Catppuccin Latte Yellow userContent.css*/\n\n@media (prefers-color-scheme: light) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #4c4f69 !important;\n      --color-accent-primary: #df8e1d !important;\n      --color-accent-primary-hover: rgb(228, 154, 50) !important;\n      --color-accent-primary-active: rgb(223, 191, 29) !important;\n      background-color: #eff1f5 !important;\n      --in-content-page-background: #eff1f5 !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #eff1f5 !important;\n      --newtab-background-color-secondary: #ccd0da !important;\n      --newtab-element-hover-color: #ccd0da !important;\n      --newtab-text-primary-color: #4c4f69 !important;\n      --newtab-wordmark-color: #4c4f69 !important;\n      --newtab-primary-action-background: #df8e1d !important;\n    }\n\n    .icon {\n      color: #df8e1d !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-latte.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Yellow/zen-logo-latte.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #df8e1d !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #1e66f5 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #40a02b !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #e6e9ef !important;\n      --in-content-text-color: #4c4f69 !important;\n      --link-color: #df8e1d !important;\n      --link-color-hover: rgb(228, 154, 50) !important;\n      --zen-colors-primary: #ccd0da !important;\n      --in-content-box-background: #ccd0da !important;\n      --zen-primary-color: #df8e1d !important;\n    }\n\n    groupbox , moz-card{\n      background: #eff1f5 !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #ccd0da !important;\n      color: #4c4f69 !important;\n    }\n\n    .main-content {\n      background-color: #dce0e8 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #e6e9ef !important;\n      --background-color-box: #eff1f5 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #eff1f5 !important;\n      --social-color: #8839ef !important;\n      --coockie-color: #04a5e5 !important;\n      --fingerprinter-color: #df8e1d !important;\n      --cryptominer-color: #7287fd !important;\n      --tracker-color: #40a02b !important;\n      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;\n      --in-content-primary-button-text-color-hover: #4c4f69 !important;\n      --in-content-primary-button-background: #bcc0cc !important;\n      --in-content-primary-button-text-color: #4c4f69 !important;\n    }\n\n\n    .card {\n      background-color: #ccd0da !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Blue/userChrome.css",
    "content": "/* Catppuccin Macchiato Blue userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #8aadf4 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #8aadf4 !important;\n    --toolbarbutton-icon-fill: #8aadf4 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(170, 192, 244) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #8aadf4 !important;\n  }\n\n  .urlbarView-url {\n    color: #8aadf4 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Blue/userContent.css",
    "content": "/* Catppuccin Macchiato Blue userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #8aadf4 !important;\n      --color-accent-primary-hover: rgb(162, 190, 246) !important;\n      --color-accent-primary-active: rgb(138, 147, 244) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #8aadf4 !important;\n    }\n\n    .icon {\n      color: #8aadf4 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Blue/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #8aadf4 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #8aadf4 !important;\n      --link-color-hover: rgb(162, 190, 246) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #8aadf4 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Flamingo/userChrome.css",
    "content": "/* Catppuccin Macchiato Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #f0c6c6 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #f0c6c6 !important;\n    --toolbarbutton-icon-fill: #f0c6c6 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(221, 204, 221) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #f0c6c6 !important;\n  }\n\n  .urlbarView-url {\n    color: #f0c6c6 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Flamingo/userContent.css",
    "content": "/* Catppuccin Macchiato Flamingo userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #f0c6c6 !important;\n      --color-accent-primary-hover: rgb(245, 219, 219) !important;\n      --color-accent-primary-active: rgb(240, 208, 198) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #f0c6c6 !important;\n    }\n\n    .icon {\n      color: #f0c6c6 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Flamingo/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f0c6c6 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #f0c6c6 !important;\n      --link-color-hover: rgb(245, 219, 219) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #f0c6c6 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Green/userChrome.css",
    "content": "/* Catppuccin Macchiato Green userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #a6da95 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #a6da95 !important;\n    --toolbarbutton-icon-fill: #a6da95 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(184, 214, 197) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #a6da95 !important;\n  }\n\n  .urlbarView-url {\n    color: #a6da95 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Green/userContent.css",
    "content": "/* Catppuccin Macchiato Green userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #a6da95 !important;\n      --color-accent-primary-hover: rgb(183, 225, 169) !important;\n      --color-accent-primary-active: rgb(150, 218, 150) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #a6da95 !important;\n    }\n\n    .icon {\n      color: #a6da95 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Green/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #a6da95 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #a6da95 !important;\n      --link-color-hover: rgb(183, 225, 169) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #a6da95 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Lavender/userChrome.css",
    "content": "/* Catppuccin Macchiato Lavender userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #b7bdf8 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #b7bdf8 !important;\n    --toolbarbutton-icon-fill: #b7bdf8 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(193, 200, 246) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #b7bdf8 !important;\n  }\n\n  .urlbarView-url {\n    color: #b7bdf8 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Lavender/userContent.css",
    "content": "/* Catppuccin Macchiato Lavender userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #b7bdf8 !important;\n      --color-accent-primary-hover: rgb(208, 212, 250) !important;\n      --color-accent-primary-active: rgb(194, 184, 248) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #b7bdf8 !important;\n    }\n\n    .icon {\n      color: #b7bdf8 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Lavender/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #b7bdf8 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #b7bdf8 !important;\n      --link-color-hover: rgb(208, 212, 250) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #b7bdf8 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Maroon/userChrome.css",
    "content": "/* Catppuccin Macchiato Maroon userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #ee99a0 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #ee99a0 !important;\n    --toolbarbutton-icon-fill: #ee99a0 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(220, 182, 202) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #ee99a0 !important;\n  }\n\n  .urlbarView-url {\n    color: #ee99a0 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Maroon/userContent.css",
    "content": "/* Catppuccin Macchiato Maroon userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #ee99a0 !important;\n      --color-accent-primary-hover: rgb(242, 176, 182) !important;\n      --color-accent-primary-active: rgb(238, 168, 154) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #ee99a0 !important;\n    }\n\n    .icon {\n      color: #ee99a0 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Maroon/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #ee99a0 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #ee99a0 !important;\n      --link-color-hover: rgb(242, 176, 182) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #ee99a0 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Mauve/userChrome.css",
    "content": "/* Catppuccin Macchiato Mauve userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #c6a0f6 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #c6a0f6 !important;\n    --toolbarbutton-icon-fill: #c6a0f6 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(200, 185, 245) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #c6a0f6 !important;\n  }\n\n  .urlbarView-url {\n    color: #c6a0f6 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Mauve/userContent.css",
    "content": "/* Catppuccin Macchiato Mauve userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #c6a0f6 !important;\n      --color-accent-primary-hover: rgb(213, 184, 248) !important;\n      --color-accent-primary-active: rgb(220, 160, 246) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #c6a0f6 !important;\n    }\n\n    .icon {\n      color: #c6a0f6 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Mauve/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #c6a0f6 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #c6a0f6 !important;\n      --link-color-hover: rgb(213, 184, 248) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #c6a0f6 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Peach/userChrome.css",
    "content": "/* Catppuccin Macchiato Peach userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #f5a97f !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #f5a97f !important;\n    --toolbarbutton-icon-fill: #f5a97f !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(224, 190, 186) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #f5a97f !important;\n  }\n\n  .urlbarView-url {\n    color: #f5a97f !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Peach/userContent.css",
    "content": "/* Catppuccin Macchiato Peach userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #f5a97f !important;\n      --color-accent-primary-hover: rgb(247, 185, 151) !important;\n      --color-accent-primary-active: rgb(245, 198, 127) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #f5a97f !important;\n    }\n\n    .icon {\n      color: #f5a97f !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Peach/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f5a97f !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #f5a97f !important;\n      --link-color-hover: rgb(247, 185, 151) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #f5a97f !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Pink/userChrome.css",
    "content": "/* Catppuccin Macchiato Pink userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #f5bde6 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #f5bde6 !important;\n    --toolbarbutton-icon-fill: #f5bde6 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(224, 200, 237) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #f5bde6 !important;\n  }\n\n  .urlbarView-url {\n    color: #f5bde6 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Pink/userContent.css",
    "content": "/* Catppuccin Macchiato Pink userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #f5bde6 !important;\n      --color-accent-primary-hover: rgb(248, 212, 239) !important;\n      --color-accent-primary-active: rgb(245, 189, 216) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #f5bde6 !important;\n    }\n\n    .icon {\n      color: #f5bde6 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Pink/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f5bde6 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #f5bde6 !important;\n      --link-color-hover: rgb(248, 212, 239) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #f5bde6 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Red/userChrome.css",
    "content": "/* Catppuccin Macchiato Red userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #ed8796 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #ed8796 !important;\n    --toolbarbutton-icon-fill: #ed8796 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(220, 173, 197) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #ed8796 !important;\n  }\n\n  .urlbarView-url {\n    color: #ed8796 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Red/userContent.css",
    "content": "/* Catppuccin Macchiato Red userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #ed8796 !important;\n      --color-accent-primary-hover: rgb(240, 158, 170) !important;\n      --color-accent-primary-active: rgb(237, 145, 135) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #ed8796 !important;\n    }\n\n    .icon {\n      color: #ed8796 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Red/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #ed8796 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #ed8796 !important;\n      --link-color-hover: rgb(240, 158, 170) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #ed8796 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Rosewater/userChrome.css",
    "content": "/* Catppuccin Macchiato Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #f4dbd6 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #f4dbd6 !important;\n    --toolbarbutton-icon-fill: #f4dbd6 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(223, 215, 229) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #f4dbd6 !important;\n  }\n\n  .urlbarView-url {\n    color: #f4dbd6 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Rosewater/userContent.css",
    "content": "/* Catppuccin Macchiato Rosewater userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #f4dbd6 !important;\n      --color-accent-primary-hover: rgb(249, 237, 235) !important;\n      --color-accent-primary-active: rgb(244, 227, 214) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #f4dbd6 !important;\n    }\n\n    .icon {\n      color: #f4dbd6 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Rosewater/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f4dbd6 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #f4dbd6 !important;\n      --link-color-hover: rgb(249, 237, 235) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #f4dbd6 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Sapphire/userChrome.css",
    "content": "/* Catppuccin Macchiato Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #7dc4e4 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #7dc4e4 !important;\n    --toolbarbutton-icon-fill: #7dc4e4 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(164, 203, 236) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #7dc4e4 !important;\n  }\n\n  .urlbarView-url {\n    color: #7dc4e4 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Sapphire/userContent.css",
    "content": "/* Catppuccin Macchiato Sapphire userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #7dc4e4 !important;\n      --color-accent-primary-hover: rgb(147, 206, 233) !important;\n      --color-accent-primary-active: rgb(126, 170, 228) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #7dc4e4 !important;\n    }\n\n    .icon {\n      color: #7dc4e4 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Sapphire/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #7dc4e4 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #7dc4e4 !important;\n      --link-color-hover: rgb(147, 206, 233) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #7dc4e4 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Sky/userChrome.css",
    "content": "/* Catppuccin Macchiato Sky userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #91d7e3 !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #91d7e3 !important;\n    --toolbarbutton-icon-fill: #91d7e3 !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(174, 213, 236) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #91d7e3 !important;\n  }\n\n  .urlbarView-url {\n    color: #91d7e3 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Sky/userContent.css",
    "content": "/* Catppuccin Macchiato Sky userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #91d7e3 !important;\n      --color-accent-primary-hover: rgb(166, 222, 232) !important;\n      --color-accent-primary-active: rgb(145, 194, 227) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #91d7e3 !important;\n    }\n\n    .icon {\n      color: #91d7e3 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Sky/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #91d7e3 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #91d7e3 !important;\n      --link-color-hover: rgb(166, 222, 232) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #91d7e3 !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Teal/userChrome.css",
    "content": "/* Catppuccin Macchiato Teal userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #8bd5ca !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #8bd5ca !important;\n    --toolbarbutton-icon-fill: #8bd5ca !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(171, 212, 223) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #8bd5ca !important;\n  }\n\n  .urlbarView-url {\n    color: #8bd5ca !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Teal/userContent.css",
    "content": "/* Catppuccin Macchiato Teal userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #8bd5ca !important;\n      --color-accent-primary-hover: rgb(158, 220, 211) !important;\n      --color-accent-primary-active: rgb(139, 205, 213) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #8bd5ca !important;\n    }\n\n    .icon {\n      color: #8bd5ca !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Teal/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #8bd5ca !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #8bd5ca !important;\n      --link-color-hover: rgb(158, 220, 211) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #8bd5ca !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Yellow/userChrome.css",
    "content": "/* Catppuccin Macchiato Yellow userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #363a4f !important;\n    --zen-primary-color: #eed49f !important;\n    --zen-colors-secondary: #363a4f !important;\n    --zen-colors-tertiary: #1e2030 !important;\n    --zen-colors-border: #eed49f !important;\n    --toolbarbutton-icon-fill: #eed49f !important;\n    --lwt-text-color: #cad3f5 !important;\n    --toolbar-field-color: #cad3f5 !important;\n    --tab-selected-textcolor: rgb(220, 211, 202) !important;\n    --toolbar-field-focus-color: #cad3f5 !important;\n    --toolbar-color: #cad3f5 !important;\n    --newtab-text-primary-color: #cad3f5 !important;\n    --arrowpanel-color: #cad3f5 !important;\n    --arrowpanel-background: #24273a !important;\n    --sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-text-color: #cad3f5 !important;\n    --lwt-sidebar-background-color: #181926 !important;\n    --toolbar-bgcolor: #363a4f !important;\n    --newtab-background-color: #24273a !important;\n    --zen-themed-toolbar-bg: #1e2030 !important;\n    --zen-main-browser-background: #1e2030 !important;\n    --toolbox-bgcolor-inactive: #1e2030 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #1e2030 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #24273a !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #24273a !important;\n  }\n\n  #TabsToolbar {\n    background-color: #1e2030 !important;\n  }\n\n  .urlbar-background {\n    background-color: #24273a !important;\n  }\n\n  .content-shortcuts {\n    background-color: #24273a !important;\n    border-color: #eed49f !important;\n  }\n\n  .urlbarView-url {\n    color: #eed49f !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #181926 !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #363a4f !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #181926;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #8aadf4 !important;\n    --identity-icon-color: #8aadf4 !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #8bd5ca !important;\n    --identity-icon-color: #8bd5ca !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6da95 !important;\n    --identity-icon-color: #a6da95 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #eed49f !important;\n    --identity-icon-color: #eed49f !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #f5a97f !important;\n    --identity-icon-color: #f5a97f !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #ed8796 !important;\n    --identity-icon-color: #ed8796 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5bde6 !important;\n    --identity-icon-color: #f5bde6 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #c6a0f6 !important;\n    --identity-icon-color: #c6a0f6 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #1e2030 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #1e2030 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Macchiato/Yellow/userContent.css",
    "content": "/* Catppuccin Macchiato Yellow userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cad3f5 !important;\n      --color-accent-primary: #eed49f !important;\n      --color-accent-primary-hover: rgb(242, 222, 182) !important;\n      --color-accent-primary-active: rgb(238, 232, 160) !important;\n      background-color: #24273a !important;\n      --in-content-page-background: #24273a !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #24273a !important;\n      --newtab-background-color-secondary: #363a4f !important;\n      --newtab-element-hover-color: #363a4f !important;\n      --newtab-text-primary-color: #cad3f5 !important;\n      --newtab-wordmark-color: #cad3f5 !important;\n      --newtab-primary-action-background: #eed49f !important;\n    }\n\n    .icon {\n      color: #eed49f !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-macchiato.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Macchiato/Yellow/zen-logo-macchiato.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #eed49f !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #8aadf4 !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6da95 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #1e2030 !important;\n      --in-content-text-color: #cad3f5 !important;\n      --link-color: #eed49f !important;\n      --link-color-hover: rgb(242, 222, 182) !important;\n      --zen-colors-primary: #363a4f !important;\n      --in-content-box-background: #363a4f !important;\n      --zen-primary-color: #eed49f !important;\n    }\n\n    groupbox , moz-card{\n      background: #24273a !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #363a4f !important;\n      color: #cad3f5 !important;\n    }\n\n    .main-content {\n      background-color: #181926 !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #1e2030 !important;\n      --background-color-box: #24273a !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #24273a !important;\n      --social-color: #c6a0f6 !important;\n      --coockie-color: #91d7e3 !important;\n      --fingerprinter-color: #eed49f !important;\n      --cryptominer-color: #b7bdf8 !important;\n      --tracker-color: #a6da95 !important;\n      --in-content-primary-button-background-hover: rgb(84, 89, 116) !important;\n      --in-content-primary-button-text-color-hover: #cad3f5 !important;\n      --in-content-primary-button-background: #494d64 !important;\n      --in-content-primary-button-text-color: #cad3f5 !important;\n    }\n\n\n    .card {\n      background-color: #363a4f !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Blue/userChrome.css",
    "content": "/* Catppuccin Mocha Blue userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #89b4fa !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #89b4fa !important;\n    --toolbarbutton-icon-fill: #89b4fa !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(171, 197, 247) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #89b4fa !important;\n  }\n\n  .urlbarView-url {\n    color: #89b4fa !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Blue/userContent.css",
    "content": "/* Catppuccin Mocha Blue userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #89b4fa !important;\n      --color-accent-primary-hover: rgb(163, 197, 251) !important;\n      --color-accent-primary-active: rgb(138, 153, 250) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #89b4fa !important;\n    }\n\n    .icon {\n      color: #89b4fa !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Blue/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #89b4fa !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #89b4fa !important;\n      --link-color-hover: rgb(163, 197, 251) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #89b4fa !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Flamingo/userChrome.css",
    "content": "/* Catppuccin Mocha Flamingo userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #f2cdcd !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #f2cdcd !important;\n    --toolbarbutton-icon-fill: #f2cdcd !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(223, 210, 225) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #f2cdcd !important;\n  }\n\n  .urlbarView-url {\n    color: #f2cdcd !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Flamingo/userContent.css",
    "content": "/* Catppuccin Mocha Flamingo userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #f2cdcd !important;\n      --color-accent-primary-hover: rgb(248, 226, 226) !important;\n      --color-accent-primary-active: rgb(242, 215, 206) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #f2cdcd !important;\n    }\n\n    .icon {\n      color: #f2cdcd !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Flamingo/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f2cdcd !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #f2cdcd !important;\n      --link-color-hover: rgb(248, 226, 226) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #f2cdcd !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Green/userChrome.css",
    "content": "/* Catppuccin Mocha Green userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #a6e3a1 !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #a6e3a1 !important;\n    --toolbarbutton-icon-fill: #a6e3a1 !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(185, 221, 203) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #a6e3a1 !important;\n  }\n\n  .urlbarView-url {\n    color: #a6e3a1 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Green/userContent.css",
    "content": "/* Catppuccin Mocha Green userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #a6e3a1 !important;\n      --color-accent-primary-hover: rgb(185, 233, 181) !important;\n      --color-accent-primary-active: rgb(161, 227, 172) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #a6e3a1 !important;\n    }\n\n    .icon {\n      color: #a6e3a1 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Green/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #a6e3a1 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #a6e3a1 !important;\n      --link-color-hover: rgb(185, 233, 181) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #a6e3a1 !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Lavender/userChrome.css",
    "content": "/* Catppuccin Mocha Lavender userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #b4befe !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #b4befe !important;\n    --toolbarbutton-icon-fill: #b4befe !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(192, 202, 249) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #b4befe !important;\n  }\n\n  .urlbarView-url {\n    color: #b4befe !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Lavender/userContent.css",
    "content": "/* Catppuccin Mocha Lavender userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #b4befe !important;\n      --color-accent-primary-hover: rgb(206, 212, 254) !important;\n      --color-accent-primary-active: rgb(189, 180, 254) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #b4befe !important;\n    }\n\n    .icon {\n      color: #b4befe !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Lavender/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #b4befe !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #b4befe !important;\n      --link-color-hover: rgb(206, 212, 254) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #b4befe !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Maroon/userChrome.css",
    "content": "/* Catppuccin Mocha Maroon userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #eba0ac !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #eba0ac !important;\n    --toolbarbutton-icon-fill: #eba0ac !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(220, 187, 208) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #eba0ac !important;\n  }\n\n  .urlbarView-url {\n    color: #eba0ac !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Maroon/userContent.css",
    "content": "/* Catppuccin Mocha Maroon userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #eba0ac !important;\n      --color-accent-primary-hover: rgb(240, 182, 192) !important;\n      --color-accent-primary-active: rgb(235, 167, 161) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #eba0ac !important;\n    }\n\n    .icon {\n      color: #eba0ac !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Maroon/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #eba0ac !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #eba0ac !important;\n      --link-color-hover: rgb(240, 182, 192) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #eba0ac !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Mauve/userChrome.css",
    "content": "/* Catppuccin Mocha Mauve userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #cba6f7 !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #cba6f7 !important;\n    --toolbarbutton-icon-fill: #cba6f7 !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(204, 190, 246) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #cba6f7 !important;\n  }\n\n  .urlbarView-url {\n    color: #cba6f7 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Mauve/userContent.css",
    "content": "/* Catppuccin Mocha Mauve userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #cba6f7 !important;\n      --color-accent-primary-hover: rgb(217, 191, 249) !important;\n      --color-accent-primary-active: rgb(223, 167, 247) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #cba6f7 !important;\n    }\n\n    .icon {\n      color: #cba6f7 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Mauve/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #cba6f7 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #cba6f7 !important;\n      --link-color-hover: rgb(217, 191, 249) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #cba6f7 !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Peach/userChrome.css",
    "content": "/* Catppuccin Mocha Peach userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #fab387 !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #fab387 !important;\n    --toolbarbutton-icon-fill: #fab387 !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(227, 197, 190) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #fab387 !important;\n  }\n\n  .urlbarView-url {\n    color: #fab387 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Peach/userContent.css",
    "content": "/* Catppuccin Mocha Peach userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #fab387 !important;\n      --color-accent-primary-hover: rgb(251, 195, 161) !important;\n      --color-accent-primary-active: rgb(250, 208, 136) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #fab387 !important;\n    }\n\n    .icon {\n      color: #fab387 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Peach/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #fab387 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #fab387 !important;\n      --link-color-hover: rgb(251, 195, 161) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #fab387 !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Pink/userChrome.css",
    "content": "/* Catppuccin Mocha Pink userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #f5c2e7 !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #f5c2e7 !important;\n    --toolbarbutton-icon-fill: #f5c2e7 !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(225, 204, 238) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #f5c2e7 !important;\n  }\n\n  .urlbarView-url {\n    color: #f5c2e7 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Pink/userContent.css",
    "content": "/* Catppuccin Mocha Pink userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #f5c2e7 !important;\n      --color-accent-primary-hover: rgb(249, 217, 240) !important;\n      --color-accent-primary-active: rgb(245, 195, 219) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #f5c2e7 !important;\n    }\n\n    .icon {\n      color: #f5c2e7 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Pink/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f5c2e7 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #f5c2e7 !important;\n      --link-color-hover: rgb(249, 217, 240) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #f5c2e7 !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Red/userChrome.css",
    "content": "/* Catppuccin Mocha Red userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #f38ba8 !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #f38ba8 !important;\n    --toolbarbutton-icon-fill: #f38ba8 !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(224, 177, 206) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #f38ba8 !important;\n  }\n\n  .urlbarView-url {\n    color: #f38ba8 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Red/userContent.css",
    "content": "/* Catppuccin Mocha Red userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #f38ba8 !important;\n      --color-accent-primary-hover: rgb(245, 163, 186) !important;\n      --color-accent-primary-active: rgb(243, 139, 143) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #f38ba8 !important;\n    }\n\n    .icon {\n      color: #f38ba8 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Red/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f38ba8 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #f38ba8 !important;\n      --link-color-hover: rgb(245, 163, 186) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #f38ba8 !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Rosewater/userChrome.css",
    "content": "/* Catppuccin Mocha Rosewater userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #f5e0dc !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #f5e0dc !important;\n    --toolbarbutton-icon-fill: #f5e0dc !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(225, 219, 232) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #f5e0dc !important;\n  }\n\n  .urlbarView-url {\n    color: #f5e0dc !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Rosewater/userContent.css",
    "content": "/* Catppuccin Mocha Rosewater userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #f5e0dc !important;\n      --color-accent-primary-hover: rgb(251, 243, 241) !important;\n      --color-accent-primary-active: rgb(245, 231, 221) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #f5e0dc !important;\n    }\n\n    .icon {\n      color: #f5e0dc !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Rosewater/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f5e0dc !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #f5e0dc !important;\n      --link-color-hover: rgb(251, 243, 241) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #f5e0dc !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Sapphire/userChrome.css",
    "content": "/* Catppuccin Mocha Sapphire userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #74c7ec !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #74c7ec !important;\n    --toolbarbutton-icon-fill: #74c7ec !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(160, 207, 240) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #74c7ec !important;\n  }\n\n  .urlbarView-url {\n    color: #74c7ec !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Sapphire/userContent.css",
    "content": "/* Catppuccin Mocha Sapphire userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #74c7ec !important;\n      --color-accent-primary-hover: rgb(139, 207, 239) !important;\n      --color-accent-primary-active: rgb(116, 168, 236) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #74c7ec !important;\n    }\n\n    .icon {\n      color: #74c7ec !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Sapphire/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #74c7ec !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #74c7ec !important;\n      --link-color-hover: rgb(139, 207, 239) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #74c7ec !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Sky/userChrome.css",
    "content": "/* Catppuccin Mocha Sky userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #89dceb !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #89dceb !important;\n    --toolbarbutton-icon-fill: #89dceb !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(171, 217, 240) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #89dceb !important;\n  }\n\n  .urlbarView-url {\n    color: #89dceb !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Sky/userContent.css",
    "content": "/* Catppuccin Mocha Sky userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #89dceb !important;\n      --color-accent-primary-hover: rgb(159, 227, 239) !important;\n      --color-accent-primary-active: rgb(137, 196, 235) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #89dceb !important;\n    }\n\n    .icon {\n      color: #89dceb !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Sky/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #89dceb !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #89dceb !important;\n      --link-color-hover: rgb(159, 227, 239) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #89dceb !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Teal/userChrome.css",
    "content": "/* Catppuccin Mocha Teal userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #94e2d5 !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #94e2d5 !important;\n    --toolbarbutton-icon-fill: #94e2d5 !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(176, 220, 229) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #94e2d5 !important;\n  }\n\n  .urlbarView-url {\n    color: #94e2d5 !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Teal/userContent.css",
    "content": "/* Catppuccin Mocha Teal userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #94e2d5 !important;\n      --color-accent-primary-hover: rgb(169, 231, 221) !important;\n      --color-accent-primary-active: rgb(148, 219, 226) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #94e2d5 !important;\n    }\n\n    .icon {\n      color: #94e2d5 !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Teal/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #94e2d5 !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #94e2d5 !important;\n      --link-color-hover: rgb(169, 231, 221) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #94e2d5 !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Yellow/userChrome.css",
    "content": "/* Catppuccin Mocha Yellow userChrome.css*/\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zen-colors-primary: #313244 !important;\n    --zen-primary-color: #f9e2af !important;\n    --zen-colors-secondary: #313244 !important;\n    --zen-colors-tertiary: #181825 !important;\n    --zen-colors-border: #f9e2af !important;\n    --toolbarbutton-icon-fill: #f9e2af !important;\n    --lwt-text-color: #cdd6f4 !important;\n    --toolbar-field-color: #cdd6f4 !important;\n    --tab-selected-textcolor: rgb(227, 220, 210) !important;\n    --toolbar-field-focus-color: #cdd6f4 !important;\n    --toolbar-color: #cdd6f4 !important;\n    --newtab-text-primary-color: #cdd6f4 !important;\n    --arrowpanel-color: #cdd6f4 !important;\n    --arrowpanel-background: #1e1e2e !important;\n    --sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-text-color: #cdd6f4 !important;\n    --lwt-sidebar-background-color: #11111b !important;\n    --toolbar-bgcolor: #313244 !important;\n    --newtab-background-color: #1e1e2e !important;\n    --zen-themed-toolbar-bg: #181825 !important;\n    --zen-main-browser-background: #181825 !important;\n    --toolbox-bgcolor-inactive: #181825 !important;\n  }\n\n  #permissions-granted-icon {\n    color: #181825 !important;\n  }\n\n  .sidebar-placesTree {\n    background-color: #1e1e2e !important;\n  }\n\n  #zen-workspaces-button {\n    background-color: #1e1e2e !important;\n  }\n\n  #TabsToolbar {\n    background-color: #181825 !important;\n  }\n\n  .urlbar-background {\n    background-color: #1e1e2e !important;\n  }\n\n  .content-shortcuts {\n    background-color: #1e1e2e !important;\n    border-color: #f9e2af !important;\n  }\n\n  .urlbarView-url {\n    color: #f9e2af !important;\n  }\n\n  #zenEditBookmarkPanelFaviconContainer {\n    background: #11111b !important;\n  }\n\n  #zen-media-controls-toolbar {\n    & #zen-media-progress-bar {\n      &::-moz-range-track {\n        background: #313244 !important;\n      }\n    }\n  }\n\n  toolbar .toolbarbutton-1 {\n    &:not([disabled]) {\n      &:is([open], [checked])\n        > :is(\n          .toolbarbutton-icon,\n          .toolbarbutton-text,\n          .toolbarbutton-badge-stack\n        ) {\n        fill: #11111b;\n      }\n    }\n  }\n\n  .identity-color-blue {\n    --identity-tab-color: #89b4fa !important;\n    --identity-icon-color: #89b4fa !important;\n  }\n\n  .identity-color-turquoise {\n    --identity-tab-color: #94e2d5 !important;\n    --identity-icon-color: #94e2d5 !important;\n  }\n\n  .identity-color-green {\n    --identity-tab-color: #a6e3a1 !important;\n    --identity-icon-color: #a6e3a1 !important;\n  }\n\n  .identity-color-yellow {\n    --identity-tab-color: #f9e2af !important;\n    --identity-icon-color: #f9e2af !important;\n  }\n\n  .identity-color-orange {\n    --identity-tab-color: #fab387 !important;\n    --identity-icon-color: #fab387 !important;\n  }\n\n  .identity-color-red {\n    --identity-tab-color: #f38ba8 !important;\n    --identity-icon-color: #f38ba8 !important;\n  }\n\n  .identity-color-pink {\n    --identity-tab-color: #f5c2e7 !important;\n    --identity-icon-color: #f5c2e7 !important;\n  }\n\n  .identity-color-purple {\n    --identity-tab-color: #cba6f7 !important;\n    --identity-icon-color: #cba6f7 !important;\n  }\n\n  hbox#titlebar {\n    background-color: #181825 !important;\n  }\n\n  #zen-appcontent-navbar-container {\n    background-color: #181825 !important;\n  }\n}\n"
  },
  {
    "path": "themes/Mocha/Yellow/userContent.css",
    "content": "/* Catppuccin Mocha Yellow userContent.css*/\n\n@media (prefers-color-scheme: dark) {\n\n  /* Common variables affecting all pages */\n  @-moz-document url-prefix(\"about:\") {\n    :root {\n      --in-content-page-color: #cdd6f4 !important;\n      --color-accent-primary: #f9e2af !important;\n      --color-accent-primary-hover: rgb(251, 234, 199) !important;\n      --color-accent-primary-active: rgb(249, 244, 175) !important;\n      background-color: #1e1e2e !important;\n      --in-content-page-background: #1e1e2e !important;\n    }\n\n  }\n\n  /* Variables and styles specific to about:newtab and about:home */\n  @-moz-document url(\"about:newtab\"), url(\"about:home\") {\n\n    :root {\n      --newtab-background-color: #1e1e2e !important;\n      --newtab-background-color-secondary: #313244 !important;\n      --newtab-element-hover-color: #313244 !important;\n      --newtab-text-primary-color: #cdd6f4 !important;\n      --newtab-wordmark-color: #cdd6f4 !important;\n      --newtab-primary-action-background: #f9e2af !important;\n    }\n\n    .icon {\n      color: #f9e2af !important;\n    }\n\n    .search-wrapper .logo-and-wordmark .logo {\n      background: url(\"zen-logo-mocha.svg\"), url(\"https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Yellow/zen-logo-mocha.svg\") no-repeat center !important;\n      display: inline-block !important;\n      height: 82px !important;\n      width: 82px !important;\n      background-size: 82px !important;\n    }\n\n    @media (max-width: 609px) {\n      .search-wrapper .logo-and-wordmark .logo {\n        background-size: 64px !important;\n        height: 64px !important;\n        width: 64px !important;\n      }\n    }\n\n    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {\n      color: #f9e2af !important;\n    }\n\n    .top-site-outer .search-topsite {\n      background-color: #89b4fa !important;\n    }\n\n    .compact-cards .card-outer .card-context .card-context-icon.icon-download {\n      fill: #a6e3a1 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:preferences */\n  @-moz-document url-prefix(\"about:preferences\") {\n    :root {\n      --zen-colors-tertiary: #181825 !important;\n      --in-content-text-color: #cdd6f4 !important;\n      --link-color: #f9e2af !important;\n      --link-color-hover: rgb(251, 234, 199) !important;\n      --zen-colors-primary: #313244 !important;\n      --in-content-box-background: #313244 !important;\n      --zen-primary-color: #f9e2af !important;\n    }\n\n    groupbox , moz-card{\n      background: #1e1e2e !important;\n    }\n\n    button,\n    groupbox menulist {\n      background: #313244 !important;\n      color: #cdd6f4 !important;\n    }\n\n    .main-content {\n      background-color: #11111b !important;\n    }\n\n    .identity-color-blue {\n      --identity-tab-color: #8aadf4 !important;\n      --identity-icon-color: #8aadf4 !important;\n    }\n\n    .identity-color-turquoise {\n      --identity-tab-color: #8bd5ca !important;\n      --identity-icon-color: #8bd5ca !important;\n    }\n\n    .identity-color-green {\n      --identity-tab-color: #a6da95 !important;\n      --identity-icon-color: #a6da95 !important;\n    }\n\n    .identity-color-yellow {\n      --identity-tab-color: #eed49f !important;\n      --identity-icon-color: #eed49f !important;\n    }\n\n    .identity-color-orange {\n      --identity-tab-color: #f5a97f !important;\n      --identity-icon-color: #f5a97f !important;\n    }\n\n    .identity-color-red {\n      --identity-tab-color: #ed8796 !important;\n      --identity-icon-color: #ed8796 !important;\n    }\n\n    .identity-color-pink {\n      --identity-tab-color: #f5bde6 !important;\n      --identity-icon-color: #f5bde6 !important;\n    }\n\n    .identity-color-purple {\n      --identity-tab-color: #c6a0f6 !important;\n      --identity-icon-color: #c6a0f6 !important;\n    }\n  }\n\n  /* Variables and styles specific to about:addons */\n  @-moz-document url-prefix(\"about:addons\") {\n    :root {\n      --zen-dark-color-mix-base: #181825 !important;\n      --background-color-box: #1e1e2e !important;\n    }\n  }\n\n  /* Variables and styles specific to about:protections */\n  @-moz-document url-prefix(\"about:protections\") {\n    :root {\n      --zen-primary-color: #1e1e2e !important;\n      --social-color: #cba6f7 !important;\n      --coockie-color: #89dceb !important;\n      --fingerprinter-color: #f9e2af !important;\n      --cryptominer-color: #b4befe !important;\n      --tracker-color: #a6e3a1 !important;\n      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;\n      --in-content-primary-button-text-color-hover: #cdd6f4 !important;\n      --in-content-primary-button-background: #45475a !important;\n      --in-content-primary-button-text-color: #cdd6f4 !important;\n    }\n\n\n    .card {\n      background-color: #313244 !important;\n    }\n  }\n}\n"
  }
]