Merge branch 'main' into create-theme-988

.github/workflows/create-theme.yml

@@ -21,6 +21,7 @@ jobs:
       - name: Setup python modules
         run: |
           pip3 install requests
+          pip3 install pillow
 
       - name: Parse issue
         id: issue-parser

.github/workflows/pr-check.yml

@@ -20,6 +20,7 @@ jobs:
       - name: Setup python modules
         run: |
           pip3 install requests
+          pip3 install pillow
 
       - name: Rebuild all themes
         run: |

.github/workflows/submit-pr.yml

@@ -25,6 +25,7 @@ jobs:
       - name: Setup python modules
         run: |
           pip3 install requests
+          pip3 install pillow
 
       - name: Setup Git
         run: |

scripts/submit_theme.py

@@ -8,7 +8,7 @@ import sys
 import requests
 import urllib.parse
 from enum import StrEnum
-
+from PIL import Image
 
 class PreferenceFields(StrEnum):
     PROPERTY = "property"
@@ -79,6 +79,7 @@ def get_styles(is_color_theme, theme_id):
 
         # we actually have a JSON file here that needs to be generated
         if is_color_theme:
+            panic("Color themes have been deprecated, sorry!")
             with open(f"themes/{theme_id}/{COLORS_FILE}", "w") as f:
                 json.dump(json.loads(content), f, indent=4)
             return "/* This is a color theme. */"
@@ -305,6 +306,13 @@ def download_image(image_url, image_path):
         panic("Image must be a PNG.")
     with open(image_path, "wb") as f:
         f.write(response.content)
+    validate_image(image_path)
+
+def validate_image(image_path):
+    # Size must be 600x400
+    image = Image.open(image_path)
+    if image.size != (600, 400):
+        panic("Image must be 600x400 pixels.")
 
 
 def main():

themes/03a8e7ef-cf00-4f41-bf24-a90deeafc9db/preferences.json

@@ -0,0 +1,13 @@
+[
+    {
+        "property": "nova.color.picker-grid",
+        "label": "Enable grid",
+        "type": "checkbox",
+        "defaultValue": true
+    },
+    {
+        "property": "nova.color.picker-frame",
+        "label": "Enable frame",
+        "type": "checkbox"
+    }
+]

themes/03a8e7ef-cf00-4f41-bf24-a90deeafc9db/readme.md

@@ -0,0 +1,15 @@
+
+# Zen "Colored" picker
+
+Get back the sweet rainbow in your color picker [Zen Browser](https://zen-browser.app/).
+Know your colors better with Zen "Colored" picker
+
+---
+
+Thumbnail
+
+![image](https://raw.githubusercontent.com/Nimit1705/zen-colored-picker/refs/heads/main/Mod-thumbnail.png)
+
+---
+
+You can find the code of the mod inside this repository!

themes/03a8e7ef-cf00-4f41-bf24-a90deeafc9db/theme.json

@@ -0,0 +1,15 @@
+{
+    "id": "03a8e7ef-cf00-4f41-bf24-a90deeafc9db",
+    "name": "Zen Colored Picker",
+    "description": "Adds the rainbow color pad to the theme picker",
+    "homepage": "https://github.com/Nimit1705/zen-colored-picker",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/03a8e7ef-cf00-4f41-bf24-a90deeafc9db/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/03a8e7ef-cf00-4f41-bf24-a90deeafc9db/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/03a8e7ef-cf00-4f41-bf24-a90deeafc9db/image.png",
+    "author": "Nimit1705",
+    "version": "1.0.1",
+    "tags": [],
+    "createdAt": "2025-02-23",
+    "updatedAt": "2025-02-23",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/03a8e7ef-cf00-4f41-bf24-a90deeafc9db/preferences.json"
+}

themes/11d685eb-4515-4045-864b-0a50589f8a4d/chrome.css

@@ -1,21 +0,0 @@
-:root {
-  --zen-primary-color: #808080 !important;
-}
-
-@media not (prefers-color-scheme: dark) {
-  :root {
-    --zen-colors-primary: #d2d2d2 !important;
-    --zen-colors-secondary: #d2d2d2 !important;
-    --zen-colors-tertiary: #ffffff !important;
-    --zen-colors-border: #dddddd !important;
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --zen-colors-primary: #373737 !important;
-    --zen-colors-secondary: #373737 !important;
-    --zen-colors-tertiary: #171717 !important;
-    --zen-colors-border: #202020 !important;
-  }
-}

themes/11d685eb-4515-4045-864b-0a50589f8a4d/readme.md

@@ -1,8 +0,0 @@
-# Monochrome theme for [Zen Browser](https://github.com/zen-browser/desktop)
-
-There is no monochrome option in theme settings, so i created this theme.
-
-- No distracting colours, only grayscale.
-- No outline border on tabs.
-- Window outline border slightly dimmed.
-- Supports Light and Dark mode.

themes/11d685eb-4515-4045-864b-0a50589f8a4d/theme.json

@@ -1,14 +0,0 @@
-{
-    "id": "11d685eb-4515-4045-864b-0a50589f8a4d",
-    "name": "Monochrome",
-    "description": "There is no monochrome option in theme settings, so i created this theme.",
-    "homepage": "https://github.com/antonsizikov/zen-browser-monochrome-theme",
-    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/chrome.css",
-    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/readme.md",
-    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/image.png",
-    "author": "antonsizikov",
-    "version": "1.0.0",
-    "tags": [],
-    "createdAt": "2024-10-06",
-    "updatedAt": "2025-01-26"
-}

themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/chrome.css

@@ -1,7 +0,0 @@
-/* This is an auto generated color theme. */
-:root {
-    --zen-colors-primary: #FDC797 !important;
-    --zen-colors-secondary: #FFFFFF25 !important;
-    --zen-colors-tertiary: #101010 !important;
-    --zen-colors-border: #282828 !important;
-}

themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/colors.json

@@ -1,7 +0,0 @@
-{
-  "isDarkMode": true,
-  "primaryColor": "#FDC797",
-  "secondaryColor": "#FFFFFF25",
-  "tertiaryColor": "#101010",
-  "colorsBorder": "#282828"
-}

themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/readme.md

@@ -1,5 +0,0 @@
-# Vesper
-
-Peppermint and orange flavored dark theme for Zen broser. This theme makes use of a wise selection of orange and dark colors to create a visually appealing and easy-to-read theme.
-
-@bdsqqq's Port of the [Vesper VSCode theme](https://github.com/raunofreiberg/vesper/tree/main) For usage in Zen browser.

themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/theme.json

@@ -1,19 +0,0 @@
-{
-    "id": "17f70712-4530-42d0-ba0f-fa25bcbf2ddc",
-    "name": "Vesper Dark",
-    "description": "Pepermint and orange flavored dark theme for Zen browser.",
-    "homepage": "",
-    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/chrome.css",
-    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/readme.md",
-    "image": "https://i.imgur.com/SmQiVq7.png",
-    "author": "bdsqqq",
-    "version": "1.0.1",
-    "isDarkMode": true,
-    "isColorTheme": true,
-    "tags": [
-        "color scheme",
-        "dark"
-    ],
-    "createdAt": "2024-08-22",
-    "updatedAt": "2025-01-26"
-}

themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/chrome.css

@@ -1,22 +1,48 @@
 #unified-extensions-view box.panel-header,
 #unified-extensions-description,
-#unified-extensions-messages-container {
+#unified-extensions-messages-container,
+.unified-extensions-item-message-deck {
   display: none !important;
 }
-
 #unified-extensions-view {
   width: var(--menu-panel-width) !important;
 }
-
 panelview .unified-extensions-item-action-button {
   padding-inline: 10px !important;
   padding-block: 0px !important;
 }
-
 #unified-extensions-manage-extensions {
   padding-inline: 10px !important;
 }
-
 #unified-extensions-panel .unified-extensions-item {
-  margin-block: 1px !important;
+  margin-block: 2px !important;
+}
+#unified-extensions-view .unified-extensions-item-action-button:hover {
+  background-color: transparent !important;
+}
+#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton,
+.unified-extensions-item-row-wrapper {
+  padding: 0 !important;
+}
+#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
+  opacity: 0 !important;
+  transition: 0.2s ease !important;
+}
+#unified-extensions-panel .unified-extensions-item:hover {
+  .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
+    opacity: 0.85 !important;
+  }
+}
+#unified-extensions-view .unified-extensions-item-action-button .panel-no-padding .webextension-browser-action {
+  padding: 0 !important;
+}
+#unified-extensions-view .toolbar-menupopup :is(menu, menuitem), .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
+  max-height: 3em !important;
+}
+#unified-extensions-view .subviewbutton-iconic {
+& > .toolbarbutton-icon {
+  width: 1.2em !important;
+  height: 1.2em !important;
+  padding: 0.7em !important;
+  }
 }

themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/theme.json

@@ -10,5 +10,5 @@
     "version": "1.0.0",
     "tags": [],
     "createdAt": "2024-09-03",
-    "updatedAt": "2025-01-26"
+    "updatedAt": "2025-02-09"
 }

themes/2317fd93-c3ed-4f37-b55a-304c1816819e/preferences.json

@@ -0,0 +1,20 @@
+[
+    {
+        "property": "zen.mods.AudioIndicatorEnhanced.hoverScaleAnimationEnabled",
+        "label": "Increases indicator size on hover",
+        "type": "checkbox",
+        "defaultValue": true
+    },
+    {
+        "property": "zen.mods.AudioIndicatorEnhanced.returnOldIcons",
+        "label": "Bring back default Firefox icons",
+        "type": "checkbox",
+        "defaultValue": true
+    },
+    {
+        "property": "zen.mods.AudioIndicatorEnhanced.audioWave.enabled",
+        "label": "Audio Wave: Brings new look for audio indicator.",
+        "type": "checkbox",
+        "defaultValue": false
+    }
+]

themes/2317fd93-c3ed-4f37-b55a-304c1816819e/readme.md

@@ -1,6 +1,6 @@
-Enhanced audio indicator on tabs, visible when playing videos.
+Enhanced audio indicator on tabs, visible when playing videos & audios.
 
 Currently, mod is tailored to dark theme.
 For now, mostly just styles it differently, later some customization and matching to color theme is planned.
 
-Works as of `1.0.1-a.22`
+Works as of `1.7.4b`

themes/2317fd93-c3ed-4f37-b55a-304c1816819e/theme.json

@@ -1,14 +1,15 @@
 {
     "id": "2317fd93-c3ed-4f37-b55a-304c1816819e",
     "name": "Audio Indicator Enhanced",
-    "description": "Enhanced audio indicator, with more polished style",
+    "description": "Enhanced audio indicator, with more polished style (New Visualizer Mode)",
     "homepage": "https://github.com/Kaedriz/ZenMods/tree/main/AudioIndicatorEnhanced",
     "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/chrome.css",
     "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/readme.md",
     "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/image.png",
     "author": "Kaedriz",
-    "version": "1.0.0",
+    "version": "1.2.0",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/preferences.json",
     "tags": [],
     "createdAt": "2024-12-06",
-    "updatedAt": "2025-01-26"
+    "updatedAt": "2025-03-07"
 }

themes/272850c0-36b4-4867-be8f-7c4b5942069f/chrome.css

@@ -0,0 +1,7 @@
+
+#zen-browser-tabs-wrapper {
+  pointer-events: none;
+  & > * {
+    pointer-events: auto;
+  }
+}

themes/272850c0-36b4-4867-be8f-7c4b5942069f/readme.md

@@ -0,0 +1,3 @@
+
+# DoubleClickless
+Disable double clicking and middle clicking on the tab bar to open a new tab.

themes/272850c0-36b4-4867-be8f-7c4b5942069f/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "272850c0-36b4-4867-be8f-7c4b5942069f",
+    "name": "DoubleClickless",
+    "description": "Disable double clicking and middle clicking on the tab bar to open a new tab.",
+    "homepage": "",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/272850c0-36b4-4867-be8f-7c4b5942069f/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/272850c0-36b4-4867-be8f-7c4b5942069f/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/272850c0-36b4-4867-be8f-7c4b5942069f/image.png",
+    "author": "different55",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-02-24",
+    "updatedAt": "2025-02-24"
+}

themes/378ba8b9-cd36-45f5-88df-595df5288795/chrome.css

@@ -0,0 +1,13 @@
+
+#urlbar[zen-newtab="true"] {
+  #identity-icon {
+    list-style-image: url("chrome://browser/skin/zen-icons/new-tab-image.svg") !important;
+    filter: opacity(0.5) !important;
+  }
+
+&[open] #identity-icon-box::after {
+    content: "open in new tab" !important;
+    filter: opacity(0.5) !important;
+    padding-left: 6px !important;
+  }
+}

themes/378ba8b9-cd36-45f5-88df-595df5288795/readme.md

@@ -0,0 +1,3 @@
+
+# Add new tab urlbar icon
+Adds an icon and the text "open in new tab" to the urlbar when it is opened by pressing the "New Tab" button or by pressing "Ctrl+T" so that it is easy to differentiate between when you are editing a URL and opening a new tab.

themes/378ba8b9-cd36-45f5-88df-595df5288795/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "378ba8b9-cd36-45f5-88df-595df5288795",
+    "name": "Add new tab urlbar icon",
+    "description": "Adds an icon and the text open in new tab to the urlbar if opened by pressing New Tab or Ctrl+T",
+    "homepage": "https://github.com/Evthestrike/zen-browser-add-new-tab-icon-to-urlbar",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/378ba8b9-cd36-45f5-88df-595df5288795/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/378ba8b9-cd36-45f5-88df-595df5288795/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/378ba8b9-cd36-45f5-88df-595df5288795/image.png",
+    "author": "Evthestrike",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-02-20",
+    "updatedAt": "2025-02-24"
+}

themes/39907934-59e9-4e42-89f0-a254d3c5e280/preferences.json

@@ -26,7 +26,7 @@
         "property": "browser.tabs.allow_transparent_browser",
         "label": "Allow Transparent Browser Tabs",
         "type": "checkbox",
-        "defaultValue": true
+        "defaultValue": false
     },
     {
         "property": "theme.sidebery.hide-zen-tabbar",

themes/39907934-59e9-4e42-89f0-a254d3c5e280/theme.json

@@ -11,5 +11,5 @@
     "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/preferences.json",
     "tags": [],
     "createdAt": "2024-10-09",
-    "updatedAt": "2025-01-26"
+    "updatedAt": "2025-02-16"
 }

themes/4a222d82-2803-4ed2-a390-90abfce4f195/chrome.css

@@ -0,0 +1,7 @@
+
+:root:not([customizing]) #back-button {
+    display: none !important;
+  }
+  :root:not([customizing]) #forward-button {
+    display: none !important;
+  }

themes/4a222d82-2803-4ed2-a390-90abfce4f195/readme.md

@@ -0,0 +1,5 @@
+
+Back and forward buttons will always be hidden. Useful if your mouse has the relevant buttons.
+Inspired by "Zen Back Forward" (@KiKaraage)
+
+Consider the fact that with this mod, you won't be able to click-old previous to choose between previous pages.

themes/4a222d82-2803-4ed2-a390-90abfce4f195/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "4a222d82-2803-4ed2-a390-90abfce4f195",
+    "name": "Back Fwd Always Hidden",
+    "description": "Back and forward buttons will always be hidden. Useful if your mouse has the relevant buttons",
+    "homepage": "",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4a222d82-2803-4ed2-a390-90abfce4f195/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4a222d82-2803-4ed2-a390-90abfce4f195/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4a222d82-2803-4ed2-a390-90abfce4f195/image.png",
+    "author": "jean06560",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-03-06",
+    "updatedAt": "2025-03-07"
+}

themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/chrome.css

@@ -1,15 +1,11 @@
-@media not (-moz-bool-pref: "theme.nosidebarscrollbar.before173b") {
+@media not (-moz-bool-pref: "theme.nosidebarscrollbar.before180b") {
-  #zen-browser-tabs-wrapper {
+    #zen-tabs-wrapper {
-    scrollbar-width: none;
+        scrollbar-width: none !important;
-  }
+    }
 }
 
-@media (-moz-bool-pref: "theme.nosidebarscrollbar.before173b") {
+@media (-moz-bool-pref: "theme.nosidebarscrollbar.before180b") {
-  scrollbox:nth-child(5) {
+    #zen-browser-tabs-wrapper {
-    scrollbar-width: none !important;
+        scrollbar-width: none !important;
-  }
+    }
-  /* Pinned Tabs */
-  #vertical-pinned-tabs-container {
-    scrollbar-width: none !important;
-  }
 }

themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/preferences.json

@@ -1,7 +1,7 @@
 [
     {
-        "property": "theme.nosidebarscrollbar.before173b",
+        "property": "theme.nosidebarscrollbar.before180b",
-        "label": "Enable if you are on version 1.7.2b or lower.",
+        "label": "Enable if you are on version 1.7.9b or lower.",
         "type": "checkbox",
         "disabledOn": [],
         "defaultValue": false

themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/theme.json

@@ -8,10 +8,10 @@
     "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/image.png",
     "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/preferences.json",
     "author": "mally8",
-    "version": "1.0.5",
+    "version": "1.0.7",
     "tags": [
         "sidebar"
     ],
     "createdAt": "2024-09-01",
-    "updatedAt": "2025-01-31"
+    "updatedAt": "2025-03-07"
 }

themes/56449583-f295-4f34-baf8-da70d3d156e7/chrome.css

@@ -1,8 +0,0 @@
-/* This is an auto generated color theme. */
-:root {
-    --zen-colors-primary: #2d5b69 !important;
-    --zen-colors-secondary:  #2d5b69 !important;
-    --zen-colors-tertiary: #002b36 !important;
-    --zen-colors-border: #2d5b69 !important;
-    --zen-dialog-background: #002b36 !important;
-}

themes/56449583-f295-4f34-baf8-da70d3d156e7/colors.json

@@ -1,8 +0,0 @@
-{
-  "isDarkMode": true,
-  "primaryColor": "#2d5b69",
-  "secondaryColor": " #2d5b69",
-  "tertiaryColor": "#002b36",
-  "colorsBorder": "#2d5b69",
-  "dialogBg": "#002b36"
-}

themes/56449583-f295-4f34-baf8-da70d3d156e7/readme.md

@@ -1 +0,0 @@
-Dive into Solarized theme for Zen!

themes/56449583-f295-4f34-baf8-da70d3d156e7/theme.json

@@ -1,19 +0,0 @@
-{
-    "id": "56449583-f295-4f34-baf8-da70d3d156e7",
-    "name": "Solarized",
-    "description": "Solarized color pallete ported into Zen!",
-    "homepage": "https://github.com/mohvn/solarized-zenbrowser",
-    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/chrome.css",
-    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/readme.md",
-    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/image.png",
-    "author": "mohvn",
-    "version": "1.0.0",
-    "isDarkMode": true,
-    "isColorTheme": true,
-    "tags": [
-        "color scheme",
-        "dark"
-    ],
-    "createdAt": "2024-09-09",
-    "updatedAt": "2025-01-26"
-}

themes/599a1599-e6ab-4749-ab22-de533860de2c/chrome.css

@@ -0,0 +1,79 @@
+
+.control-item.control-button {
+	background-color: rgba(0, 0, 0, 0) !important;
+}
+
+#close, #unpip {
+	fill: white !important;
+	padding: 5px !important;
+	top: 2px !important;
+
+&:hover {
+		&::after {
+			display: none !important;
+		}
+	}
+}
+
+#close {
+	left: auto !important;
+	right: 5px !important;
+}
+
+#unpip {
+	left: 5px !important;
+	right: auto !important;
+}
+
+#controls {
+	margin: 0 !important;
+	height: 100% !important;
+	width: 100% !important;
+
+transition: background-color 160ms linear;
+
+&:hover {
+		background-color: rgba(0, 0, 0, 0.69) !important;
+	}
+}
+
+#controls-bottom-gradient {
+	display: none !important;
+}
+
+#controls-bottom {
+	display: flex;
+	flex-direction: column-reverse;
+	bottom: 5px !important;
+}
+
+/* progress bar */
+.scrubber-no-drag {
+	display: flex !important;
+	margin: 0 !important;
+	height: 100% !important;
+}
+
+#scrubber::-moz-range-thumb {
+	width: 0 !important;
+	height: 0 !important;
+	border: none !important;
+}
+
+#scrubber {
+	height: 5px !important;
+	transition: all 160ms linear !important;
+	overflow: hidden;
+	padding: 0 !important;
+	border: 5px solid rgba(0, 0, 0, 0);
+
+&:hover {
+		height: 8px !important;
+	}
+}
+
+#scrubber {
+	&::-moz-range-track, &::-moz-range-progress {
+		height: 100% !important;
+	}
+}

themes/599a1599-e6ab-4749-ab22-de533860de2c/readme.md

@@ -0,0 +1,2 @@
+
+My collection of improvements to PiP inspired by we know which browser. Greatly improves look and feel.

themes/599a1599-e6ab-4749-ab22-de533860de2c/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "599a1599-e6ab-4749-ab22-de533860de2c",
+    "name": "Pimp your PiP",
+    "description": "Collection of tweaks and upgrades to PiP",
+    "homepage": "",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/599a1599-e6ab-4749-ab22-de533860de2c/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/599a1599-e6ab-4749-ab22-de533860de2c/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/599a1599-e6ab-4749-ab22-de533860de2c/image.png",
+    "author": "shldk",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-02-07",
+    "updatedAt": "2025-02-09"
+}

themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/chrome.css

@@ -1,27 +0,0 @@
-#zen-workspaces-button {
-  border-radius: 8px !important;
-  box-sizing: border-box;
-  height: 34px !important;
-  width: 34px !important;
-  border-width: 1px;
-  aspect-ratio: 1 / 1;
-  transition:
-    min-width 100ms ease-out,
-    max-width 100ms ease-out;
-  font-weight: 500;
-}
-
-#zen-workspaces-button:hover {
-  background: var(--toolbarbutton-hover-background) !important;
-}
-
-#zen-workspaces-button:active {
-  transform: scale(0.9);
-  font-weight: initial;
-}
-
-@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
-  #zen-workspaces-button {
-    width: calc(100% - 4px) !important;
-  }
-}

themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/readme.md

@@ -1,3 +0,0 @@
-# Zen Browser Theme - Consistent Workspaces Button
-
-This is a really simple theme put together to make the workspaces button a little more consistent with the other sidebar buttons.

themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/theme.json

@@ -1,14 +0,0 @@
-{
-    "id": "5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c",
-    "name": "Uniform Workspaces Button",
-    "description": "Make the workspaces button consistent with the other sidebar buttons, while remaining unique.",
-    "homepage": "https://github.com/andrewbellucci/zen-uniform-workspaces-button",
-    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/chrome.css",
-    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/readme.md",
-    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/image.png",
-    "author": "andrewbellucci",
-    "version": "1.0.0",
-    "tags": [],
-    "createdAt": "2024-08-24",
-    "updatedAt": "2025-01-26"
-}

themes/5ca67725-1f43-4ff2-9fcf-0c59af71c73a/chrome.css

@@ -1,9 +0,0 @@
-/* This is an auto generated color theme. */
-:root {
-    --zen-colors-primary: #8f77f2 !important;
-    --zen-colors-secondary: #393061 !important;
-    --zen-colors-tertiary: #13121c !important;
-    --zen-colors-border: #514480 !important;
-    --zen-primary-color: #8f77f2 !important;
-    --zen-dialog-background: #13121c !important;
-}

themes/5ca67725-1f43-4ff2-9fcf-0c59af71c73a/colors.json

@@ -1,9 +0,0 @@
-{
-  "isDarkMode": true,
-  "primaryColor": "#8f77f2",
-  "secondaryColor": "#393061",
-  "tertiaryColor": "#13121c",
-  "colorsBorder": "#514480",
-  "accentColor": "#8f77f2",
-  "dialogBg": "#13121c"
-}

themes/5ca67725-1f43-4ff2-9fcf-0c59af71c73a/readme.md

@@ -1,5 +0,0 @@
-# Midnight Purple
-
-A good theme for those who like dark mode and the purple color :)
-
-This theme combines the dark mode with a purple color scheme. It is a good choice for those who like dark mode and the purple color. It is easy on the eyes and looks great.

themes/5ca67725-1f43-4ff2-9fcf-0c59af71c73a/theme.json

@@ -1,19 +0,0 @@
-{
-    "id": "5ca67725-1f43-4ff2-9fcf-0c59af71c73a",
-    "name": "Midnight",
-    "description": "A dark and pleasant to the eyes purple theme :)",
-    "homepage": "",
-    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ca67725-1f43-4ff2-9fcf-0c59af71c73a/chrome.css",
-    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ca67725-1f43-4ff2-9fcf-0c59af71c73a/readme.md",
-    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ca67725-1f43-4ff2-9fcf-0c59af71c73a/image.png",
-    "author": "shaeriz",
-    "version": "1.0.0",
-    "isDarkMode": true,
-    "isColorTheme": true,
-    "tags": [
-        "color scheme",
-        "dark"
-    ],
-    "createdAt": "2024-08-31",
-    "updatedAt": "2025-01-26"
-}

themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css

@@ -0,0 +1,37 @@
+/* transparency */
+:root {
+	--zen-main-browser-background: var(
+	  --mod-sameerasw-zen_transparency_color,
+	  #00000000
+	) !important;
+  }
+  
+  /* background image */
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+	@media (-moz-bool-pref: "mod.sameerasw.zen_bg_img_enabled") {
+	  background-image: url(--mod-sameerasw-zen_transparency) !important;
+	  background-position: center !important;
+	  background-repeat: no-repeat !important;
+	  background-size: cover !important;
+	}
+  }
+  
+  /* Remove new tab background color added in 1.8b */
+  .browserStack {
+	browser {
+	  @media (-moz-bool-pref: "mod.sameerasw.zen_light_tint_disabled") {
+		background-color: transparent !important;
+	  }
+	}
+  }
+  
+  /* removed tab bg added in 1.9b */
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+	browser {
+	  @media (-moz-bool-pref: "mod.sameerasw.zen_empty_page_transparency") {
+		background-color: transparent !important;
+		opacity: 0 !important;
+	  }
+	}
+  }
+  

themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json

@@ -0,0 +1,38 @@
+[
+    {
+        "property": "browser.tabs.allow_transparent_browser",
+        "label": "Allow zen browser to be transparent (Turn off before uninstall)",
+        "type": "checkbox",
+        "defaultvalue": true
+    },
+    {
+        "property": "mod.sameerasw.zen_transparency_color",
+        "label": "Set background color for Zen (Overrides default theme colors)",
+        "type": "string",
+        "defaultvalue": "#00000000"
+    },
+    {
+        "property": "mod.sameerasw.zen_bg_img_enabled",
+        "label": "Enable custom background image for Zen empty page",
+        "type": "checkbox",
+        "defaultvalue": false
+    },
+    {
+        "property": "mod.sameerasw.zen_transparency",
+        "label": "Set bg image url",
+        "type": "string",
+        "defaultvalue": ""
+    },
+    {
+        "property": "mod.sameerasw.zen_light_tint_disabled",
+        "label": "Disable light tint for Zen after 1.8b",
+        "type": "checkbox",
+        "defaultvalue": true
+    },
+    {
+        "property": "mod.sameerasw.zen_empty_page_transparency",
+        "label": "Make the empty page transparent after Zen 1.9b",
+        "type": "checkbox",
+        "defaultvalue": true
+    }
+]

themes/642854b5-88b4-4c40-b256-e035532109df/readme.md

@@ -0,0 +1,5 @@
+
+Make the Zen Browser's background transparent allowing the system blur to come through. 
+This will utilize the browser.tabs.allow_transparent_browser flag in about:config to enable transparency. You can use the ["Zen Internet"](https://addons.mozilla.org/en-US/firefox/addon/zen-internet/) firefox addon to get website transparency. 
+
+Enjoy <3

themes/642854b5-88b4-4c40-b256-e035532109df/theme.json

@@ -0,0 +1,15 @@
+{
+    "id": "642854b5-88b4-4c40-b256-e035532109df",
+    "name": "Transparent Zen",
+    "description": "Make the Zen Browser's background transparent and modify the empty tab page. Turn off transparency in mod settings before uninstallation.",
+    "homepage": "https://github.com/sameerasw/zen-themes/tree/main/TransparentZen",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/image.png",
+    "author": "sameerasw",
+    "version": "1.9.0",
+    "tags": [],
+    "createdAt": "2025-02-04",
+    "updatedAt": "2025-03-09",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json"
+}

themes/6cd4bca9-f17d-4461-b554-844d69a4887c/chrome.css

@@ -1,59 +1,62 @@
+#navigator-toolbox[zen-right-side="true"] > #zen-sidebar-top-buttons > .titlebar-buttonbox-container > .titlebar-buttonbox {
+    margin-top: 11px !important;
+}
+
 .titlebar-buttonbox {
-  margin-right: 20px;
+    margin-right: 20px;
 }
 
 .titlebar-button {
-  padding: 0px !important;
+    padding: 0px !important;
-  min-height: 13px !important;
+    min-height: 13px !important;
-  min-width: 13px !important;
+    min-width: 13px !important;
-  align-self: center;
+    height: 13px !important;
-  margin-left: 5px !important;
+    align-self: center;
-  border-radius: 50px;
+    margin-left: 5px !important;
-  transition: all 100ms;
+    border-radius: 50px;
+    transition: all 100ms;
 }
 
 .titlebar-min {
-  background-color: hsl(130, 50%, 40%) !important;
+    background-color: hsl(130, 50%, 40%) !important;
 }
 
-.titlebar-max,
+.titlebar-max, .titlebar-restore {
-.titlebar-restore {
+    background-color: hsl(60, 50%, 50%) !important;
-  background-color: hsl(60, 50%, 50%) !important;
 }
 
 .titlebar-close {
-  background-color: hsl(0, 50%, 50%) !important;
+    background-color: hsl(0, 50%, 50%) !important;
 }
 
 .titlebar-button > image {
-  visibility: collapse !important;
+    visibility: collapse !important;
 }
 
 @media (-moz-bool-pref: "theme.zen-minimal-exit-menu.enable-macos-identic") {
-  .titlebar-button:hover {
+    .titlebar-button:hover {
-    opacity: 0.25 !important;
+        opacity: 0.25 !important;
-  }
+    }
 }
 
 @media not (-moz-bool-pref: "theme.zen-minimal-exit-menu.enable-macos-identic") {
-  .titlebar-button {
+    .titlebar-button {
-    background-color: var(--zen-colors-border) !important;
+        background-color: var(--zen-colors-border) !important;
-  }
+    }
+    
+    .titlebar-min:hover {
+        background-color: hsl(130, 50%, 40%) !important;
+    }
 
-  .titlebar-min:hover {
+    .titlebar-max:hover, .titlebar-restore:hover {
-    background-color: hsl(130, 50%, 40%) !important;
+        background-color: hsl(60, 50%, 50%) !important;
-  }
+    }
 
-  .titlebar-max:hover,
+    .titlebar-close:hover {
-  .titlebar-restore:hover {
+        background-color: hsl(0, 50%, 50%) !important;
-    background-color: hsl(60, 50%, 50%) !important;
+    }
-  }
+    
-
+    .titlebar-button:hover {
-  .titlebar-close:hover {
+        min-height: 20px !important;
-    background-color: hsl(0, 50%, 50%) !important;
+    }
-  }
+}
-
-  .titlebar-button:hover {
-    min-height: 20px !important;
-  }
-}

themes/6cd4bca9-f17d-4461-b554-844d69a4887c/preferences.json

@@ -1,34 +1,11 @@
 [
     {
-        "property": "property",
+        "property": "theme.zen-minimal-exit-menu.enable-macos-identic",
-        "label": "theme.zen-minimal-exit-menu.enable-macos-identic",
-        "type": "checkbox",
-        "disabledOn": []
-    },
-    {
-        "property": "label",
         "label": "Makes theme more identical to MacOS version.",
-        "type": "checkbox",
+        "defaultValue": "false",
-        "disabledOn": []
+        "disabledOn": [
-    },
-    {
-        "property": "defaultValue",
-        "label": "false",
-        "type": "checkbox",
-        "disabledOn": []
-    },
-    {
-        "property": "disabledOn",
-        "label": [
             "macos"
         ],
-        "type": "checkbox",
+        "type": "checkbox"
-        "disabledOn": []
-    },
-    {
-        "property": "type",
-        "label": "checkbox",
-        "type": "checkbox",
-        "disabledOn": []
     }
 ]

themes/6cd4bca9-f17d-4461-b554-844d69a4887c/theme.json

@@ -8,8 +8,8 @@
     "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6cd4bca9-f17d-4461-b554-844d69a4887c/image.png",
     "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6cd4bca9-f17d-4461-b554-844d69a4887c/preferences.json",
     "author": "Dinno-DEV",
-    "version": "1.0.2",
+    "version": "1.0.4",
     "tags": [],
     "createdAt": "2024-09-19",
-    "updatedAt": "2025-01-26"
+    "updatedAt": "2025-03-07"
 }

themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/chrome.css

@@ -1,9 +0,0 @@
-/* This is an auto generated color theme. */
-:root {
-    --zen-colors-primary: #A5373A !important;
-    --zen-colors-secondary: #D26A76 !important;
-    --zen-colors-tertiary: #A5373A !important;
-    --zen-colors-border: #D7737E !important;
-    --zen-primary-color: #2F0E0E !important;
-    --zen-dialog-background: #772F36 !important;
-}

themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/colors.json

@@ -1,9 +0,0 @@
-{
-  "isDarkMode": true,
-  "primaryColor": "#A5373A",
-  "secondaryColor": "#D26A76",
-  "tertiaryColor": "#A5373A",
-  "colorsBorder": "#D7737E",
-  "accentColor": "#2F0E0E",
-  "dialogBg": "#772F36"
-}

themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/readme.md

@@ -1,3 +0,0 @@
-A crimson red theme for Zen!
-
-If the urlBar background is not red, please add this into your userChrome.css file: --toolbar-field-background-color: #772F36 !important;

themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/theme.json

@@ -1,14 +0,0 @@
-{
-    "id": "7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0",
-    "name": "Crimson",
-    "description": "A crimson red theme for Zen :)",
-    "homepage": "",
-    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/chrome.css",
-    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/readme.md",
-    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/image.png",
-    "author": "shaeriz",
-    "version": "1.0.0",
-    "tags": [],
-    "createdAt": "2024-10-12",
-    "updatedAt": "2025-01-26"
-}

themes/7d577b21-4685-4db2-bb17-d39d08eec199/chrome.css

@@ -0,0 +1,4 @@
+
+.browserContainer {
+    clip-path: inset(0 round var(--zen-native-inner-radius));
+}

themes/7d577b21-4685-4db2-bb17-d39d08eec199/readme.md

@@ -0,0 +1,5 @@
+
+# Bleeding Corners Fix
+Zen Browser uses border radius to round the corners of the web page. On some websites, the HTML background color can sometimes bleed-through the edges of the border radius, usually creating a white outline or artifact. This mod prevents this by applying a simple clip-path to the container, without compromising any content on the containers edge.
+
+> Mods may break in later versions. I use these mods myself, and keep them up-to-date with the latest versions of Zen. If something doesn't work as intended, feel free to [reach out](mailto:roman@rsiebert.dev).

themes/7d577b21-4685-4db2-bb17-d39d08eec199/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "7d577b21-4685-4db2-bb17-d39d08eec199",
+    "name": "Bleeding Corners Fix",
+    "description": "Fixes the white outlines (or artifacts) on the rounded corners that can appear on some pages.",
+    "homepage": "",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7d577b21-4685-4db2-bb17-d39d08eec199/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7d577b21-4685-4db2-bb17-d39d08eec199/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7d577b21-4685-4db2-bb17-d39d08eec199/image.png",
+    "author": "rsiebertdev",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-02-17",
+    "updatedAt": "2025-02-23"
+}

themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css

@@ -1,4 +1,4 @@
-/* Zen Context Menu v1.1 by KiKaraage */
+/* Zen Context Menu v2.0 by KiKaraage */
 
 /* Hide all separators */
 @media (-moz-bool-pref: "uc.hidecontext.separators") {
@@ -9,7 +9,6 @@
     padding-block: 0px !important;
   }
 }
-
 /* Hide all icons (Won't work for extension & checkbox context menu options) */
 @media (-moz-bool-pref: "uc.hidecontext.optionicons") {
   :not(:not(menubar) > menu, #ContentSelectDropdown)
@@ -63,7 +62,16 @@
     background-image: none !important;
   }
 }
-
+/* Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups */
+@media (-moz-bool-pref: "uc.fixcontext.applyzencolors") {
+  menupopup, panel {
+    --panel-background: var(--zen-main-browser-background) !important;
+  }
+  /* Fix text color on confirmation pop-ups when applying Zen colors on light mode */
+  #confirmation-hint {
+    --arrowpanel-color: var(--sidebar-text-color) !important;
+  }
+}
 @media (-moz-bool-pref: "uc.fixcontext.extensionmargins") {
   /* Fix padding for extensions-related context menu on Windows */
   menu > .menu-iconic-text,
@@ -102,11 +110,19 @@
     }
   }
 }
-
 /* Only use “Copy Link Without Site Tracking” */
 @media (-moz-bool-pref: "uc.hidecontext.copylink") {
   #context-copylink {
-    display: none !important;
+    opacity: 0 !important;
+    padding: 0 !important;
+    height: 2px !important;
+  }
+  
+  #context-copylink:hover {
+    opacity: 1 !important;
+    padding-block: 0.5em !important;
+    padding-inline-start: calc( var(--fp-contextmenu-menuitem-padding-inline) + 16px + var(--fp-contextmenu-menuicon-margin-inline) ) !important;
+    height: inherit !important;
   }
 }
 /* Hide "Menu Bar" toggle */
@@ -126,13 +142,24 @@
 }
 /* Hide "Mute Tab" option */
 @media (-moz-bool-pref: "uc.hidecontext.mutetab") {
-  #context_toggleMuteTab {
+  #context_toggleMuteTab,
+  #context_toggleMuteSelectedTabs,
+  #context_playTab,
+  #context_playSelectedTabs {
     display: none !important;
   }
 }
-/* Hide "New Tab" option */
+/* Hide "New Tab" options */
 @media (-moz-bool-pref: "uc.hidecontext.newtab") {
-  #context_openANewTab {
+  #context_openANewTab,
+  #toolbar-context-openANewTab,
+  #toolbarNavigatorItemsMenuSeparator {
+    display: none !important;
+  }
+}
+/* Hide 'Add to Web Panel' option" */
+@media (-moz-bool-pref: "uc.hidecontext.addtowebpanel") {
+  #context-zenAddToWebPanel {
     display: none !important;
   }
 }
@@ -201,22 +228,29 @@
     display: none !important;
   }
 }
-/* Hide "Check Spelling" option while typing in text fields */
+/* Hide "Check Spelling" and "Text/Page Direction" option while typing in text fields */
 @media (-moz-bool-pref: "uc.hidecontext.checkspelling") {
+  #spell-separator,
   #spell-check-enabled,
-  #context-sep-bidi {
+  #spell-add-dictionaries-main,
+  #spell-dictionaries,
+  #context-sep-bidi,
+  #context-bidi-text-direction-toggle,
+  #context-bidi-page-direction-toggle {
     display: none !important;
   }
 }
 /* Hide “Select All Text” option */
 @media (-moz-bool-pref: "uc.hidecontext.selectalltext") {
-  #context-selectall {
+  #context-selectall,
+  #context-sep-selectall {
     display: none !important;
   }
 }
 /* Hide “Select All Tabs" option */
 @media (-moz-bool-pref: "uc.hidecontext.selectalltabs") {
   #context_selectAllTabs,
+  #context_selectedAllTabs,
   #toolbar-context-selectAllTabs {
     display: none !important;
   }
@@ -224,6 +258,7 @@
 /* Hide “Reload Tab” option */
 @media (-moz-bool-pref: "uc.hidecontext.reloadtab") {
   #context_reloadTab,
+  #context_reloadSelectedTabs,
   #toolbar-context-reloadSelectedTab,
   #toolbar-context-reloadSelectedTabs {
     display: none !important;
@@ -231,7 +266,8 @@
 }
 /* Hide "Duplicate Tab" */
 @media (-moz-bool-pref: "uc.hidecontext.duplicatetab") {
-  #context_duplicateTab {
+  #context_duplicateTab,
+  #context_duplicateTabs {
     display: none !important;
   }
 }
@@ -241,17 +277,20 @@
     display: none !important;
   }
 }
-/* Hide “View Page Source” and “Inspect” options */
+/* Hide “View Page Source”, "View Selection Source" and “Inspect” options */
 @media (-moz-bool-pref: "uc.hidecontext.inspect") {
   #context-viewsource,
   #context-inspect-a11y,
   #context-inspect,
-  #context-media-eme-separator {
+  #inspect-separator,
+  #context-media-eme-separator,
+  #context-viewpartialsource-selection {
     display: none !important;
   }
 }
-/* Hide “Save Link As” */
+/* Hide “Save Page As and Save Link As” */
 @media (-moz-bool-pref: "uc.hidecontext.savelink") {
+  #context-savepage,
   #context-savelink {
     display: none !important;
   }
@@ -264,3 +303,20 @@
     display: none !important;
   }
 }
+/* Hide "Pin Tab" and "Add to Essentials" options */
+@media (-moz-bool-pref: "uc.hidecontext.pin") {
+  #context_pinTab,
+  #context_unpinTab,
+  #context_pinSelectedTabs,
+  #context_unpinSelectedTabs,
+  #context_zen-add-essential,
+  #context_zen-remove-essential {
+    display: none !important;
+  }
+}
+/* Hide "This Frame" option */
+@media (-moz-bool-pref: "uc.hidecontext.frame") {
+  #frame-sep, #frame {
+    display: none !important;
+  }
+}

themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json

@@ -1,4 +1,13 @@
 [
+    {
+        "property": "widget.macos.native-context-menus",
+        "label": "Enable this mod on macOS (Let Zen override native macOS context menu)",
+        "type": "checkbox",
+        "disabledOn": [
+            "windows",
+            "linux"
+        ]
+    },
     {
         "property": "uc.hidecontext.separators",
         "label": "Hide all separators",
@@ -9,9 +18,14 @@
         "label": "Hide all icons (won't work for extension and checkbox context menu options)",
         "type": "checkbox"
     },
+    {
+        "property": "uc.fixcontext.applyzencolors",
+        "label": "Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups",
+        "type": "checkbox"
+    },
     {
         "property": "uc.fixcontext.extensionmargins",
-        "label": "Fix margin for 'Tabs on the right' checkbox and extensions-related context menu",
+        "label": "[Toolbar] Fix margin for 'Tabs on the right' checkbox and extensions-related context menu",
         "type": "checkbox",
         "disabledOn": [
             "macos",
@@ -20,112 +34,132 @@
     },
     {
         "property": "uc.hidecontext.copylink",
-        "label": "Only use 'Copy Link Without Site Tracking'",
+        "label": "[Link] Hide regular 'Copy Link' button (Only shown when hovering above 'Copy Clean Link')",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.menubar",
-        "label": "Hide 'Menu Bar' toggle",
+        "label": "[Toolbar] Hide 'Menu Bar' toggle",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.bookmark",
-        "label": "Hide 'Bookmark Tab/Link'",
+        "label": "[Tab] [Link] Hide 'Bookmark Tab/Link'",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.mutetab",
-        "label": "Hide 'Mute Tab' option",
+        "label": "[Tab] Hide 'Mute Tab' option",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.newtab",
-        "label": "Hide 'New Tab' option",
+        "label": "[Tab] Hide 'New Tab' option",
+        "type": "checkbox"
+    },
+    {
+        "property": "uc.hidecontext.addtowebpanel",
+        "label": "[Link] Hide 'Add to Web Panel' option",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.movetaboptions",
-        "label": "Hide 'Move Tab' options",
+        "label": "[Tab] Hide 'Move Tab' options",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.newcontainer",
-        "label": "Hide 'Open Tab/Link in New Container Tab'",
+        "label": "[Tab] [Link] Hide 'Open Tab/Link in New Container Tab'",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.sendtodevice",
-        "label": "Hide 'Send Tab/Link to Device'",
+        "label": "[Tab] [Link] Hide 'Send Tab/Link to Device'",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.closetab",
-        "label": "Hide close tab options (Close Tab, Close Duplicate Tabs, Close Multiple Tabs)",
+        "label": "[Tab] Hide close tab options (Close Tab, Close Duplicate Tabs, Close Multiple Tabs)",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.search",
-        "label": "Hide 'Search Keywords' with your preferred search engine",
+        "label": "[Link] Hide 'Search Keywords' on your preferred search engine",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.searchinpriv",
-        "label": "Hide 'Search Keywords in a Private Window'",
+        "label": "[Text] [Link] Hide 'Search Keywords in a Private Window'",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.translate",
-        "label": "Hide Firefox's 'Translate Selection/Link' options",
+        "label": "[Text] [Link] Hide Firefox's 'Translate Selection/Link' options",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.printselection",
-        "label": "Hide 'Print Selection'",
+        "label": "[Text] Hide 'Print Selection'",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.image",
-        "label": "Hide 'Email Image', 'Set Image as Desktop Background', and 'View Image Info' options",
+        "label": "[Image] Hide 'Email Image', 'Set Image as Desktop Background', and 'View Image Info' options",
+        "type": "checkbox"
+    },
+    {
+        "property": "uc.hidecontext.checkspelling",
+        "label": "[Text] Hide 'Check Spelling' and 'Change Text/Page Direction' options while typing in text fields",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.selectalltext",
-        "label": "Hide 'Select All Text' option",
+        "label": "[Page] [Text] Hide 'Select All Text' option",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.selectalltabs",
-        "label": "Hide 'Select All Tabs' option",
+        "label": "[Tab] Hide 'Select All Tabs' option",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.reloadtab",
-        "label": "Hide 'Reload Tab' option",
+        "label": "[Tab] Hide 'Reload Tab' option",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.duplicatetab",
-        "label": "Hide 'Duplicate Tab' option",
+        "label": "[Tab] Hide 'Duplicate Tab' option",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.unloadactions",
-        "label": "Hide 'Tab Unloader Actions'",
+        "label": "[Tab] Hide 'Tab Unloader Actions'",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.inspect",
-        "label": "Hide 'View Page Source' and 'Inspect' options",
+        "label": "[Text] [Page] Hide 'View Page Source' and 'Inspect' options",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.savelink",
-        "label": "Hide 'Save Link As'",
+        "label": "[Page] [Link] Hide 'Save Page As' and 'Save Link As' option",
         "type": "checkbox"
     },
     {
         "property": "uc.hidecontext.screenshot",
-        "label": "Hide 'Take Screenshot' option",
+        "label": "[Page] Hide 'Take Screenshot' option",
+        "type": "checkbox"
+    },
+    {
+        "property": "uc.hidecontext.pin",
+        "label": "[Page] Hide 'Pin Tab' and 'Add to Essentials' option",
+        "type": "checkbox"
+    },
+    {
+        "property": "uc.hidecontext.frame",
+        "label": "[Image] Hide 'This Frame' options",
         "type": "checkbox"
     }
 ]

themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md

@@ -1,29 +1,34 @@
 What can you do with this Mod:
 
-- Hide all separators in context menu _**NEW!**_
+- Hide all separators in context menu
-- Hide all icons, excluding checkboxes & extension context menu _**NEW!**_
+- Hide all icons, excluding checkboxes & extension context menu
-- Fix margins for checkboxes & extension context menu on Windows, including "Tabs on the right" and "Compact Mode" options _**NEW!**_
+- Apply your Zen workspace colors to all context menu, tab previews, and small notification pop-ups _**NEW!**_
-- Only use “Copy Link Without Site Tracking”
+- Fix margins for checkboxes & extension context menu on Windows, including "Tabs on the right" and "Compact Mode" options
+- Prioritizing "Copy Clean Link", hide default Copy Link option unless a small trigger area is hovered
 - Hide "Menu Bar" toggle
 - Hide "Bookmark Tab/Link”
-- Hide "New Tab" option _**NEW!**_
+- Hide "New Tab" options
-- Hide "Move Tab" options _**NEW!**_
+- Hide "Move Tab" options
 - Hide “Open Tab/Link in New Container Tab”
 - Hide “Send Tab/Link to Device”
-- Hide close tab options ("Close Tab", "Close Duplicate Tabs", "Close Multiple Tabs") _**NEW!**_
+- Hide close tab options ("Close Tab", "Close Duplicate Tabs", "Close Multiple Tabs")
 - Hide “Search Keywords" with your preferred search engine
 - Hide “Search Keywords in a Private Window”
 - Hide Firefox's "Translate Selection/Link" options
-- Hide "Print Selection" _**NEW!**_
+- Hide "Print Selection"
 - Hide “Email Image”, “Set Image as Desktop Background”, and “View Image Info” options
+- Hide "Check Spelling" and "Text/Page Direction" option while typing in text fields _**NEW!**_
 - Hide “Select All Text” option
 - Hide “Select All Tabs” option
 - Hide “Reload Tab” option
-- Hide "Duplicate Tab" option _**NEW!**_
+- Hide "Duplicate Tab" option
 - Hide “Tab Unloader Actions”
 - Hide “View Page Source” and “Inspect” options
 - Hide “Save Link As”
 - Hide “Take Screenshot” option
+- Hide "Add to Web Panels" _**NEW!**_
+- Hide "Pin Tab" and "Add to Essentials" _**NEW!**_
+- Hide "This Frame" options on image context menu _**NEW!**_
 
 Go to Settings, Zen Mods, look up "Zen Context Menu", click the gear ⚙️ button, and check your desired preferences.
 

themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/theme.json

@@ -7,11 +7,11 @@
     "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md",
     "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/image.png",
     "author": "KiKaraage",
-    "version": "1.1.4",
+    "version": "2.0",
     "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json",
     "tags": [
         "context menu"
     ],
     "createdAt": "2024-10-06",
-    "updatedAt": "2025-01-26"
+    "updatedAt": "2025-02-09"
 }

themes/87196c08-8ca1-4848-b13b-7ea41ee830e7/theme.json

@@ -10,5 +10,5 @@
     "version": "1.1.0",
     "tags": [],
     "createdAt": "2024-12-20",
-    "updatedAt": "2025-02-01"
+    "updatedAt": "2025-02-07"
 }

themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/chrome.css

@@ -1,68 +1,44 @@
-/* Shield Star Fix */
+
-#tracking-protection-icon-container {
+/* Blurs the background */
-  align-self: center !important;
+#urlbar[breakout-extend="true"] #urlbar-background {
-}
+    border: solid 3px color-mix(in hsl, hsl(0 0 50), transparent 90%) !important;
-
+    border-radius: 15px !important;
-/* Cleaner Breakout URL Bar */
+    background-color: color-mix(in hsl, var(--mod-cleanedurlbar-customcolor), transparent var(--mod-cleanedurlbar-customtransparency)) !important;
-#urlbar-search-mode-indicator {
+    backdrop-filter: blur(25px) saturate(2) !important;
-  background: transparent !important;
-}
-
-#identity-box.chromeUI:not([pageproxystate="invalid"]) {
-  & #identity-icon-box {
-    background: transparent !important;
-  }
-}
-
-#identity-icon-box,
-#identity-permission-box {
-  background: transparent !important;
-  margin: 0 8px 0 0 !important;
-}
-
-.urlbarView-body-inner {
-  #urlbar[open] > .urlbarView > .urlbarView-body-outer > & {
-    border-top: none !important;
-  }
-}
-
-.urlbarView:not([noresults]) > .search-one-offs:not([hidden]) {
-  border-top: none !important;
-}
-
-.search-one-offs {
-  padding: 4px !important;
-  margin-bottom: 8px !important;
-  opacity: 0.5 !important;
-  background: var(--urlbarView-highlight-background) !important;
-  border-radius: 8px !important;
 }
 
+/* Custom URL result selected color */
 .urlbarView-row {
+  &[selected] {
+    background-color: var(--mod-cleanedurlbar-customselectcolor) !important;
+    color: var(--mod-cleanedurlbar-customselectfontcolor) !important;
+  }
+}
+
+/* Unifies the border radius */
+.urlbarView-row {
+  border-radius: 11px !important;
+}
+
+/* Deletes the border */
+.urlbarView-body-inner {
+   border: none !important;
+}
+
+/* Styles the search options */
+.search-one-offs {
+  border-top: none !important;
+  border-radius: 10px !important;
+  padding: 4px !important;
+  margin: 0px 0px 7px 0px !important;
+  backdrop-filter: brightness(130%);
+}
+
+.searchbar-engine-one-off-item {
   border-radius: 8px !important;
+  margin-right: 3px !important;
 }
 
-.search-panel-one-offs-container > *,
+#urlbar-anon-search-settings {
-.search-panel-one-offs-container > * > * {
+  margin-right: 0px !important;
-  border-radius: 4px !important;
+}
-}
-
-.urlbar-input-container {
-  padding: 0px 3.5px !important;
-}
-
-#urlbar[open] {
-  margin-top: 3px !important;
-  padding-top: 6px !important;
-}
-
-.urlbar-go-button {
-  align-self: center !important;
-  opacity: 0.5 !important;
-  background: transparent !important;
-  margin-right: 6px !important;
-}
-
-.urlbar-go-button:hover {
-  opacity: 1 !important;
-}

themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/preferences.json

@@ -0,0 +1,26 @@
+[
+    {
+        "property": "mod.cleanedurlbar.customcolor",
+        "label": "Cleaned URL Bar Color (HSL only)",
+        "type": "string",
+        "defaultValue": "hsl(0 0 10)"
+    },
+    {
+        "property": "mod.cleanedurlbar.customtransparency",
+        "label": "Transparency (In percentage ex. 100%)",
+        "type": "string",
+        "defaultValue": "40%"
+    },
+    {
+        "property": "mod.cleanedurlbar.customselectcolor",
+        "label": "Selected URL color (rgb, hsl, hex)",
+        "type": "string",
+        "defaultValue": "rgba(80, 80, 250, 0.75)"
+    },
+    {
+        "property": "mod.cleanedurlbar.customselectfontcolor",
+        "label": "Selected URL font color (rgb, hsl, hex)",
+        "type": "string",
+        "defaultValue": "rgba(255,255,255,1)"
+    }
+]

themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/readme.md

@@ -1,3 +1,7 @@
 # Zen Cleaned URL Bar
 
-Cleans up zen's URL bar.
+Cleans up zen's URL bar. Current customization:
+- The URL panel's color
+- The URL panel's transparency
+- The URL selected's color
+- The URL selected's font color

themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/theme.json

@@ -7,8 +7,9 @@
     "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/readme.md",
     "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/image.png",
     "author": "Dinno-DEV",
-    "version": "1.0.2",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/preferences.json",
+    "version": "1.0.4",
     "tags": [],
     "createdAt": "2024-11-01",
-    "updatedAt": "2025-01-26"
+    "updatedAt": "2025-03-09"
 }

themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css

@@ -1,282 +1,185 @@
 @media (-moz-bool-pref: "zen.tabs.vertical") {
-  /* Makes essentials transparent (when toggled) */
+    
-  :root:has(#theme-SuperPins[uc-essentials-color-scheme="transparent"]) {
+    /* Makes essentials transparent (when toggled) */
-    .tabbrowser-tab[zen-essential="true"]:not(:hover):not([selected="true"])
+    :root:has(#theme-SuperPins[uc-essentials-color-scheme="transparent"]) {
-      .tab-stack
+        .tabbrowser-tab[zen-essential="true"]:not(:hover):not([selected="true"]) .tab-stack .tab-background {
-      .tab-background {
+            background-color: transparent !important;
-      background-color: transparent !important;
-    }
-  }
-
-  @media (-moz-bool-pref: "zen.view.sidebar-expanded") and (not (-moz-bool-pref: "zen.view.sidebar-expanded.on-hover")) {
-    /* Set width of Essentials (Dropdown) */
-    :root:has(#theme-SuperPins[uc-essentials-width="Thin"]) {
-      --essentials-width: 50px;
-    }
-    :root:has(#theme-SuperPins[uc-essentials-width="Normal"]) {
-      --essentials-width: 60px;
-    }
-    :root:has(#theme-SuperPins[uc-essentials-width="Wide"]) {
-      --essentials-width: 70px;
-    }
-
-    :root:has(
-        #theme-SuperPins[uc-essentials-width="Thin"],
-        #theme-SuperPins[uc-essentials-width="Normal"],
-        #theme-SuperPins[uc-essentials-width="Wide"]
-      ) {
-      #zen-essentials-container {
-        grid-template-columns: repeat(
-          auto-fit,
-          minmax(var(--essentials-width), auto)
-        ) !important;
-      }
-    }
-
-    /* Set margin between Essentials (Dropdown) */
-    :root:has(#theme-SuperPins[uc-essentials-gap="Small"]) {
-      --essentials-gap: 0px;
-    }
-    :root:has(#theme-SuperPins[uc-essentials-gap="Normal"]) {
-      --essentials-gap: 2px;
-    }
-    :root:has(#theme-SuperPins[uc-essentials-gap="Big"]) {
-      --essentials-gap: 5px;
-    }
-
-    :root:has(
-        #theme-SuperPins[uc-essentials-gap="Small"],
-        #theme-SuperPins[uc-essentials-gap="Normal"],
-        #theme-SuperPins[uc-essentials-gap="Big"]
-      ) {
-      #zen-essentials-container {
-        gap: var(--essentials-gap) var(--essentials-gap) !important;
-      }
-    }
-  }
-
-  /* Enables legacy layout for pinned tabs (icon only in grid) */
-  @media (-moz-bool-pref: "uc.pins.legacy-layout") {
-    #vertical-pinned-tabs-container {
-      display: grid !important;
-      grid-template-columns: repeat(
-        auto-fit,
-        minmax(var(--tab-pinned-min-width-expanded), auto)
-      ) !important;
-      overflow-y: auto !important;
-      overflow-x: hidden !important;
-      scrollbar-width: thin !important;
-    }
-
-    #vertical-pinned-tabs-container .tab-close-button {
-      display: none !important;
-    }
-
-    #vertical-pinned-tabs-container .tab-label-container {
-      display: none !important;
-    }
-
-    #vertical-pinned-tabs-container .tab-icon-image {
-      margin: 0 !important;
-    }
-  }
-
-  /* Make Essentials look more box like */
-  @media (-moz-bool-pref: "uc.essentials.box-like-corners") {
-    .tabbrowser-tab[zen-essential="true"] .tab-stack .tab-background {
-      border-radius: 5px !important;
-    }
-  }
-
-  /* Adds a little bg to the pinned tabs */
-  @media (-moz-bool-pref: "uc.pins.bg") {
-    @media (prefers-color-scheme: light) {
-      :root {
-        --pins-bg-percentage: 40%;
-      }
-    }
-    @media (prefers-color-scheme: dark) {
-      :root {
-        --pins-bg-percentage: 7%;
-      }
-    }
-
-    /* background color of pinned tabs in a normal state (not hovered/selected) */
-    .tabbrowser-tab[pinned]:not([zen-essential="true"])
-      .tab-stack
-      .tab-background {
-      background-color: color-mix(
-        in srgb,
-        white var(--pins-bg-percentage),
-        transparent
-      ) !important;
-    }
-
-    /* background color when hovering */
-    .tabbrowser-tab[pinned]:not([zen-essential="true"]):hover
-      .tab-stack
-      .tab-background {
-      background-color: color-mix(
-        in srgb,
-        white calc(var(--pins-bg-percentage) + 3%),
-        transparent
-      ) !important;
-    }
-
-    /* background color when selected */
-    .tabbrowser-tab[pinned]:not([zen-essential="true"])[selected="true"]
-      .tab-stack
-      .tab-background,
-    .tabbrowser-tab[pinned]:not([zen-essential="true"])[multiselected="true"]
-      .tab-stack
-      .tab-background {
-      background-color: color-mix(
-        in srgb,
-        white calc(var(--pins-bg-percentage) + 16%),
-        transparent
-      ) !important;
-    }
-
-    /* background color when selected and hovering*/
-    .tabbrowser-tab[pinned]:not([zen-essential="true"])[selected="true"]:hover
-      .tab-stack
-      .tab-background,
-    .tabbrowser-tab[pinned]:not(
-        [zen-essential="true"]
-      )[multiselected="true"]:hover
-      .tab-stack
-      .tab-background {
-      background-color: color-mix(
-        in srgb,
-        white calc(var(--pins-bg-percentage) + 18%),
-        transparent
-      ) !important;
-    }
-  }
-
-  /* Adds border to Pins/Essentials (when toggled) */
-  :root:has(#theme-SuperPins[uc-superpins-border="essentials"]) {
-    #zen-essentials-container
-      .tabbrowser-tab[zen-essential="true"]
-      .tab-stack
-      .tab-background {
-      border: 1px solid
-        light-dark(
-          color-mix(in srgb, var(--zen-colors-secondary) 80%, black),
-          color-mix(in srgb, var(--zen-colors-secondary) 80%, white)
-        ) !important;
-    }
-  }
-
-  :root:has(#theme-SuperPins[uc-superpins-border="pins"]) {
-    .tabbrowser-tab[pinned]:not([zen-essential="true"])
-      .tab-stack
-      .tab-background {
-      border: 1px solid
-        light-dark(
-          color-mix(in srgb, var(--zen-colors-secondary) 80%, black),
-          color-mix(in srgb, var(--zen-colors-secondary) 80%, white)
-        ) !important;
-    }
-  }
-
-  :root:has(#theme-SuperPins[uc-superpins-border="both"]) {
-    .tabbrowser-tab[pinned] .tab-stack .tab-background {
-      border: 1px solid
-        light-dark(
-          color-mix(in srgb, var(--zen-colors-secondary) 80%, black),
-          color-mix(in srgb, var(--zen-colors-secondary) 80%, white)
-        ) !important;
-    }
-  }
-
-  /* Hides unloaded tabs when tab bar is collapsed (when toggled)*/
-  @media (not (-moz-bool-pref: "zen.view.sidebar-expanded")) {
-    :root:has(#theme-SuperPins[uc-pins-only-show-active="Normal"]) {
-      .tabbrowser-tab[pinned]:not([zen-essential="true"])[pending="true"] {
-        position: absolute !important;
-        /* Using position: absolute and visibility: hidden instead of display:none stops the icons of unloaded tabs from loading when sidebar expands */
-        visibility: hidden !important;
-      }
-    }
-
-    /* Shows all pins when user is hovering over them when tab bar is collapsed */
-    :root:has(#theme-SuperPins[uc-pins-only-show-active="OnHover"]) {
-      .tabbrowser-tab[pinned]:not([zen-essential="true"])[pending="true"] {
-        position: absolute !important;
-        /* Using position: absolute and visibility: hidden instead of display:none stops the icons of unloaded tabs from loading when sidebar expands */
-        visibility: hidden !important;
-      }
-
-      #vertical-pinned-tabs-container:hover
-        .tabbrowser-tab[pinned]:not([zen-essential="true"])[pending="true"] {
-        position: relative !important;
-        visibility: visible !important;
-      }
-
-      #vertical-pinned-tabs-container {
-        position: relative;
-      }
-
-      #vertical-pinned-tabs-container::before {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 10px;
-        background-color: transparent;
-      }
-
-      #vertical-pinned-tabs-container::before:hover
-        .tabbrowser-tab[pinned]:not([zen-essential="true"])[pending="true"] {
-        position: relative !important;
-        visibility: visible !important;
-      }
-    }
-  }
-
-  /* Hides unloaded tabs when tab bar is collapsed when in "Expand on hove" mode (when toggled) */
-  @media (-moz-bool-pref: "zen.view.sidebar-expanded") and (-moz-bool-pref: "zen.view.sidebar-expanded.on-hover") {
-    :root:has(#theme-SuperPins[uc-pins-only-show-active="Normal"]),
-    :root:has(#theme-SuperPins[uc-pins-only-show-active="OnHover"]) {
-      #navigator-toolbox:not(
-          :is(
-              #navigator-toolbox[zen-has-hover],
-              #navigator-toolbox:focus-within,
-              #navigator-toolbox[movingtab],
-              #navigator-toolbox[flash-popup],
-              #navigator-toolbox[has-popup-menu],
-              #navigator-toolbox:has(.tabbrowser-tab:active),
-              #navigator-toolbox:has(
-                  *[open="true"]:not(tab):not(#zen-sidepanel-button)
-                )
-            )
-        ) {
-        .tabbrowser-tab[pinned]:not([zen-essential="true"])[pending="true"] {
-          position: absolute !important;
-          /* Using position: absolute and visibility: hidden instead of display:none stops the icons of unloaded tabs from loading when sidebar expands */
-          visibility: hidden !important;
         }
-      }
     }
-  }
 
-  /* Let pinned tabs have the same selected styling as essentials */
+    @media (-moz-bool-pref: "zen.view.sidebar-expanded") and (not (-moz-bool-pref: "zen.view.sidebar-expanded.on-hover")) {
-  @media (-moz-bool-pref: "uc.pins.essentials-layout") {
-    #vertical-pinned-tabs-container {
-      grid-template-columns: repeat(
-        auto-fit,
-        minmax(var(--essentials-width), auto)
-      ) !important;
-      gap: var(--essentials-gap) var(--essentials-gap) !important;
-    }
-  }
 
-  /* Hide reset button on pinned tabs */
+        /* Set width of Essentials (Dropdown) */
-  @media (-moz-bool-pref: "uc.pins.hide-reset-button") {
+        :root:has(#theme-SuperPins[uc-essentials-width="Thin"]) {
-    #vertical-pinned-tabs-container .tab-reset-button {
+            --essentials-width: 50px;
-      display: none !important;
+        }
+
+        :root:has(#theme-SuperPins[uc-essentials-width="Normal"]) {
+            --essentials-width: 60px;
+        }
+
+        :root:has(#theme-SuperPins[uc-essentials-width="Wide"]) {
+            --essentials-width: 70px;
+        }
+
+        :root:has(#theme-SuperPins[uc-essentials-width="Thin"],
+            #theme-SuperPins[uc-essentials-width="Normal"],
+            #theme-SuperPins[uc-essentials-width="Wide"]) {
+            #zen-essentials-container {
+                grid-template-columns: repeat(auto-fit,
+                        minmax(var(--essentials-width), auto)) !important;
+            }
+        }
+
+        /* Set margin between Essentials (Dropdown) */
+        :root:has(#theme-SuperPins[uc-essentials-gap="Small"]) {
+            --essentials-gap: 0px;
+        }
+
+        :root:has(#theme-SuperPins[uc-essentials-gap="Normal"]) {
+            --essentials-gap: 2px;
+        }
+
+        :root:has(#theme-SuperPins[uc-essentials-gap="Big"]) {
+            --essentials-gap: 5px;
+        }
+
+        :root:has(#theme-SuperPins[uc-essentials-gap="Small"],
+            #theme-SuperPins[uc-essentials-gap="Normal"],
+            #theme-SuperPins[uc-essentials-gap="Big"]) {
+            #zen-essentials-container {
+                gap: var(--essentials-gap) var(--essentials-gap) !important;
+            }
+        }
+    }
+
+    /* Enables legacy layout for pinned tabs (icon only in grid) */
+    @media (-moz-bool-pref: "uc.pins.legacy-layout") {
+
+        #vertical-pinned-tabs-container .tabbrowser-tab[pinned] .tab-close-button {
+            display: none !important;
+        }
+
+        #vertical-pinned-tabs-container .tabbrowser-tab[pinned] .tab-reset-button {
+            display: none !important;
+        }
+
+        #vertical-pinned-tabs-container .tabbrowser-tab[pinned] .tab-reset-pin-button {
+            display: none !important;
+        }
+
+        #vertical-pinned-tabs-container .tabbrowser-tab[pinned] .tab-label-container {
+            display: none !important;
+        }
+
+        /*disable icon shift when tab was renamed*/
+        #navigator-toolbox[zen-sidebar-expanded="true"] {
+            & #tabbrowser-tabs {
+                & .tabbrowser-tab {
+                    &[zen-pinned-changed="true"]:not([zen-essential])>.tab-stack>.tab-content>.tab-icon-stack {
+                        left: unset !important;
+                    }
+                }
+            }
+        }
+
+        #vertical-pinned-tabs-container>.zen-workspace-tabs-section {
+            gap: 3px !important;
+        }
+
+        /*The actual grid layout*/
+        #vertical-pinned-tabs-container>.zen-workspace-tabs-section {
+            grid-template-columns: repeat(auto-fit, minmax(var(--tab-pinned-min-width-expanded), auto)) !important;
+            display: grid !important;
+        }
+
+        #vertical-pinned-tabs-container>.zen-workspace-tabs-section>.tabbrowser-tab[pinned] {
+            --toolbarbutton-inner-padding: 0;
+        }
+
+        /*fixing the weird seperator behaviour by removing it*/
+        .vertical-pinned-tabs-container-separator {
+            display: none !important;
+        }
+
+        #tabbrowser-arrowscrollbox .tabbrowser-tab:first-child {
+            margin-top: 5px !important;
+        }
+
+    }
+
+    /* Make Essentials look more box like */
+    @media (-moz-bool-pref: "uc.essentials.box-like-corners") {
+        .tabbrowser-tab[zen-essential="true"] .tab-stack .tab-background {
+            border-radius: 5px !important;
+        }
+    }
+
+    /* Adds a little bg to the pinned tabs */
+    @media (-moz-bool-pref: "uc.pins.bg") {
+        @media (prefers-color-scheme: light) {
+            :root {
+                --pins-bg-percentage: 40%;
+            }
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --pins-bg-percentage: 7%;
+            }
+        }
+
+        /* background color of pinned tabs in a normal state (not hovered/selected) */
+        .tabbrowser-tab[pinned]:not([zen-essential="true"]) .tab-stack .tab-background {
+            background-color: color-mix(in srgb, white var(--pins-bg-percentage), transparent) !important;
+        }
+
+        /* background color when hovering */
+        .tabbrowser-tab[pinned]:not([zen-essential="true"]):hover .tab-stack .tab-background {
+            background-color: color-mix(in srgb, white calc(var(--pins-bg-percentage) + 3%), transparent) !important;
+        }
+
+        /* background color when selected */
+        .tabbrowser-tab[pinned]:not([zen-essential="true"])[selected="true"] .tab-stack .tab-background,
+        .tabbrowser-tab[pinned]:not([zen-essential="true"])[multiselected="true"] .tab-stack .tab-background {
+            background-color: color-mix(in srgb, white calc(var(--pins-bg-percentage) + 16%), transparent) !important;
+        }
+
+        /* background color when selected and hovering*/
+        .tabbrowser-tab[pinned]:not([zen-essential="true"])[selected="true"]:hover .tab-stack .tab-background,
+        .tabbrowser-tab[pinned]:not([zen-essential="true"])[multiselected="true"]:hover .tab-stack .tab-background {
+            background-color: color-mix(in srgb, white calc(var(--pins-bg-percentage) + 18%), transparent) !important;
+        }
+    }
+
+    /* Adds border to Pins/Essentials (when toggled) */
+    :root:has(#theme-SuperPins[uc-superpins-border="essentials"]) {
+        #zen-essentials-container .tabbrowser-tab[zen-essential="true"] .tab-stack .tab-background {
+            border: 1px solid light-dark(color-mix(in srgb, var(--zen-colors-secondary) 80%, black),
+                    color-mix(in srgb, var(--zen-colors-secondary) 80%, white)) !important;
+        }
+    }
+
+    :root:has(#theme-SuperPins[uc-superpins-border="pins"]) {
+        .tabbrowser-tab[pinned]:not([zen-essential="true"]) .tab-stack .tab-background {
+            border: 1px solid light-dark(color-mix(in srgb, var(--zen-colors-secondary) 80%, black),
+                    color-mix(in srgb, var(--zen-colors-secondary) 80%, white)) !important;
+        }
+    }
+
+    :root:has(#theme-SuperPins[uc-superpins-border="both"]) {
+        .tabbrowser-tab[pinned] .tab-stack .tab-background {
+            border: 1px solid light-dark(color-mix(in srgb, var(--zen-colors-secondary) 80%, black),
+                    color-mix(in srgb, var(--zen-colors-secondary) 80%, white)) !important;
+        }
+    }
+
+    /* Let pinned tabs have the same selected styling as essentials */
+    @media (-moz-bool-pref: "uc.pins.essentials-layout") {
+        #vertical-pinned-tabs-container>.zen-workspace-tabs-section {
+            grid-template-columns: repeat(auto-fit,
+                    minmax(var(--essentials-width), auto)) !important;
+            gap: var(--essentials-gap) var(--essentials-gap) !important;
+        }
     }
-  }
 }

themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json

@@ -101,29 +101,6 @@
         "type": "checkbox",
         "disabledOn": []
     },
-    {
-        "property": "uc.pins.hide-reset-button",
-        "label": "Hide the reset button on pinned tabs",
-        "type": "checkbox",
-        "disabledOn": []
-    },
-    {
-        "property": "uc.pins.only-show-active",
-        "label": "Only shows loaded pinned tabs (when the tab bar is collapsed)",
-        "type": "dropdown",
-        "placeholder": "Disabled",
-        "disabledOn": [],
-        "options": [
-            {
-                "label": "Normal",
-                "value": "Normal"
-            },
-            {
-                "label": "Also show them on hover",
-                "value": "OnHover"
-            }
-        ]
-    },
     {
         "property": "zen.workspaces.show-workspace-indicator",
         "label": "Shows the workspace-indicator between Essentials and Pins",

themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/readme.md

@@ -10,7 +10,6 @@ This **Zen Mod** elevates your experience with pinned tabs and Essentials by mak
 - Subtle Background for pinned tabs
 - Border around pinned tabs and/or Essentials
 - Box like corners for Essentials (less rounded corners)
-- Hide unloaded pinned tabs when tab bar is collapsed (Additional option: Show all pinned tabs on hover even with tab bar collapsed)
 - Make Essentials transparent
 - Hide the workspace indicator between Essentials and Pins
 - Load pinned tabs only when using them, instead of loading all of them on startup

themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/theme.json

@@ -7,11 +7,11 @@
     "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/readme.md",
     "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/image.png",
     "author": "JLBlk",
-    "version": "1.4.2",
+    "version": "1.4.4",
     "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json",
     "tags": [
         "tabs"
     ],
     "createdAt": "2024-08-28",
-    "updatedAt": "2025-01-26"
+    "updatedAt": "2025-02-24"
 }

themes/b0f635d7-c3bf-4709-af68-4712f0e5b2e5/chrome.css

@@ -0,0 +1,11 @@
+
+#BMB_viewBookmarksSidebar,
+#BMB_searchBookmarks,
+#BMB_bookmarksShowAllTop,
+#BMB_bookmarksShowAll {
+  display: none !important;
+}
+
+#bookmarks-menu-button #BMB_viewBookmarksToolbar {
+  display: none !important;
+}

themes/b0f635d7-c3bf-4709-af68-4712f0e5b2e5/readme.md

@@ -0,0 +1,5 @@
+
+# cleaner-bookmark-menu
+Remove unnecessary buttons from the toolbar bookmarks button.
+
+![image](https://github.com/Pkcarreno/cleaner-bookmark-menu/blob/6b8878f1c5ffc7009a944faf8124d3c1cf7998e2/cleaner-bookmark-menu.png)

themes/b0f635d7-c3bf-4709-af68-4712f0e5b2e5/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "b0f635d7-c3bf-4709-af68-4712f0e5b2e5",
+    "name": "Cleaner Bookmark Menu",
+    "description": "Remove unnecessary buttons from the toolbar bookmarks button.",
+    "homepage": "https://github.com/Pkcarreno/cleaner-bookmark-menu",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/b0f635d7-c3bf-4709-af68-4712f0e5b2e5/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/b0f635d7-c3bf-4709-af68-4712f0e5b2e5/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/b0f635d7-c3bf-4709-af68-4712f0e5b2e5/image.png",
+    "author": "Pkcarreno",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-02-17",
+    "updatedAt": "2025-02-23"
+}

themes/bb61b145-6875-4afe-86f2-ab00024459dc/chrome.css

@@ -1,8 +0,0 @@
-/* This is an auto generated color theme. */
-:root {
-    --zen-colors-primary: #50A4E9 !important;
-    --zen-colors-secondary: #CC83E3 !important;
-    --zen-colors-tertiary: #16181D !important;
-    --zen-colors-border: #3A3E47 !important;
-    --zen-dialog-background: #1A1D23 !important;
-}

themes/bb61b145-6875-4afe-86f2-ab00024459dc/colors.json

@@ -1,8 +0,0 @@
-{
-  "isDarkMode": true,
-  "primaryColor": "#50A4E9",
-  "secondaryColor": "#CC83E3",
-  "tertiaryColor": "#16181D",
-  "colorsBorder": "#3A3E47",
-  "dialogBg": "#1A1D23"
-}

themes/bb61b145-6875-4afe-86f2-ab00024459dc/readme.md

@@ -1 +0,0 @@
-For people who enjoy the AstroNvim aesthetic.

themes/bb61b145-6875-4afe-86f2-ab00024459dc/theme.json

@@ -1,14 +0,0 @@
-{
-    "id": "bb61b145-6875-4afe-86f2-ab00024459dc",
-    "name": "AstroTheme Dark",
-    "description": "A dark theme inspired by AstroNvim's AstroTheme color palette",
-    "homepage": "https://github.com/AstroNvim/astrotheme",
-    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bb61b145-6875-4afe-86f2-ab00024459dc/chrome.css",
-    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bb61b145-6875-4afe-86f2-ab00024459dc/readme.md",
-    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bb61b145-6875-4afe-86f2-ab00024459dc/image.png",
-    "author": "mehalter",
-    "version": "1.0.0",
-    "tags": [],
-    "createdAt": "2024-10-12",
-    "updatedAt": "2025-01-26"
-}