Merge pull request #1363 from zen-browser/create-theme-1362

Add theme: Customized Popup

themes/2bbe4f0d-f7af-460b-86de-cda893357813/chrome.css

@@ -0,0 +1,92 @@
+
+@-moz-document url-prefix("chrome:") {
+  /* Gradient background variant */
+  :root:has(#theme-Customized-Popup[uc-customized_popup-background="gradient"]) {
+    menupopup, 
+    panel {
+      --panel-background: var(--zen-main-browser-background-toolbar) !important;
+    }
+  }
+
+/* Solid background variant */
+  :root:has(#theme-Customized-Popup[uc-customized_popup-background="solid"]) {
+    menupopup, 
+    panel {
+      --panel-background: color-mix(
+        in srgb, 
+        var(--zen-primary-color) 30%, 
+        var(--zen-dark-color-mix-base) 100%
+      ) !important;
+    }
+  }
+
+/* Scrollbox styling */
+  arrowscrollbox {
+    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2) !important;
+  }
+
+/* Styling for customized popups */
+  :root:has(#theme-Customized-Popup:not([uc-customized_popup-background="none"])) {
+    panel > * {
+      box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5) !important;
+    }
+
+menu, 
+    menuitem {
+      &:where([_moz-menuactive="true"][disabled="true"]) {
+        background-color: transparent !important;
+      }
+    }
+  
+    panel {
+      --zen-colors-tertiary: #0000002b !important;
+      --input-bgcolor: #0000002b !important;
+    }
+  }
+
+:where(#customizationui-widget-multiview) panelview:not([extension]) {
+    height: 50vh !important;
+    max-width: 20em !important;
+  }
+
+/* MENU SEPARATORS */
+  menuseparator::before {
+    border-top: none !important;
+  }
+  
+  menuseparator {
+    padding-block: 0px !important;
+  }
+  
+  /* DOWNLOADS PANEL */
+  #emptyDownloads {
+    padding: 8px !important;
+  }
+
+#downloadsFooterButtons toolbarseparator {
+    display: none !important;
+  }
+
+.downloadButton {
+    min-width: fit-content !important;
+    padding: 5px !important;
+  }
+
+.downloadTypeIcon {
+    width: 24px !important;
+    height: auto !important;
+  }
+
+#downloadsListBox {
+    width: 25em !important;
+  }
+  
+  #downloadsPanel-blockedSubview, 
+  #downloadsPanel-mainView {
+    min-width: 25em !important;
+  }
+
+#downloadsListBox > richlistitem {
+    margin: 0 !important;
+  }
+}

themes/2bbe4f0d-f7af-460b-86de-cda893357813/preferences.json

@@ -0,0 +1,18 @@
+[
+    {
+        "property": "uc.customized_popup.background",
+        "label": "Background style:",
+        "type": "dropdown",
+        "defaultValue": "gradient",
+        "options": [
+            {
+                "label": "Gradient",
+                "value": "gradient"
+            },
+            {
+                "label": "Solid",
+                "value": "solid"
+            }
+        ]
+    }
+]

themes/2bbe4f0d-f7af-460b-86de-cda893357813/readme.md

@@ -0,0 +1,2 @@
+
+The mod changes the pop-ups to more aesthetically pleasing ones.

themes/2bbe4f0d-f7af-460b-86de-cda893357813/theme.json

@@ -0,0 +1,15 @@
+{
+    "id": "2bbe4f0d-f7af-460b-86de-cda893357813",
+    "name": "Customized Popup",
+    "description": "The mod changes the pop-ups to more aesthetically pleasing ones.",
+    "homepage": "https://github.com/paasito/Zen-Mods/tree/main/customized-popup",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2bbe4f0d-f7af-460b-86de-cda893357813/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2bbe4f0d-f7af-460b-86de-cda893357813/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2bbe4f0d-f7af-460b-86de-cda893357813/image.png",
+    "author": "paasito",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-03-26",
+    "updatedAt": "2025-03-26",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2bbe4f0d-f7af-460b-86de-cda893357813/preferences.json"
+}