Add theme: Tidy popup v2

themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/chrome.css

@@ -0,0 +1,187 @@
+
+/* Main Popup Styling - Always Active */
+menupopup,
+panel {
+  &::part(content) {
+    display: flex !important;
+    box-sizing: border-box !important;
+    padding: 6px !important;
+    color: var(--panel-color) !important;
+    border-radius: 15px !important;
+    border: 2px solid
+      color-mix(in hsl, var(--panel-border-color), transparent 70%) !important;
+    width: var(--panel-width) !important;
+    box-shadow: var(--panel-shadow) !important;
+    margin: var(--panel-shadow-margin) !important;
+    min-width: 0 !important;
+    min-height: 0 !important;
+    max-height: round(
+      up,
+      100% - 2 * var(--panel-shadow-margin),
+      1px
+    ) !important;
+    max-width: round(up, 100% - 2 * var(--panel-shadow-margin), 1px) !important;
+    overflow: clip !important;
+    scrollbar-color: transparent !important;
+  }
+}
+
+#appMenu-zoomReset-button2 {
+  margin: 2px 0px !important;
+  padding: 0px 5px !important;
+}
+
+/* Compact Button Styling */
+:is(
+    panelview .toolbarbutton-1,
+    toolbarbutton.subviewbutton,
+    .widget-overflow-list .toolbarbutton-1,
+    .toolbaritem-combined-buttons:is(
+        :not([cui-areatype="toolbar"]),
+        [overflowedItem="true"]
+      )
+      > toolbarbutton
+  ):not(.all-tabs-button):not(.remote-tabs-close-button):not(
+    #zen-sidebar-foot-buttons *
+  ):not(#zen-sidebar-foot-buttons):not(#zen-site-data-new-addon-button) {
+  border-radius: 8px !important;
+  padding: 5px 10px !important;
+  margin: var(--arrowpanel-menuitem-margin) !important;
+}
+
+.remote-tabs-close-button {
+  border-radius: 8px !important;
+  padding: 5px !important;
+}
+
+.remote-tabs-close-button label.toolbarbutton-text {
+  display: none !important;
+}
+
+menuitem {
+  border-radius: 8px !important;
+  margin: var(--arrowpanel-menuitem-margin) !important;
+  padding: 5px 10px !important;
+}
+
+menuitem.menuitem-iconic,
+menu.menu-iconic {
+  padding: 5px 10px !important;
+}
+
+menu,
+menucaption {
+  border-radius: 8px !important;
+  margin: var(--arrowpanel-menuitem-margin) !important;
+  padding: 5px 10px !important;
+}
+
+.panel-view-body-unscrollable {
+  border-radius: 8px !important;
+  background: var(--button-background-color-hover) !important;
+  align-items: center !important;
+  padding: 3px !important;
+}
+
+.downloadMainArea {
+  padding-left: 10px !important;
+}
+
+/* Fix panel header h1 span pseudo-element */
+.panel-header h1 > span::before {
+  display: unset !important;
+}
+
+/* Fix manage account */
+#fxa-menu-header-title,
+#fxa-menu-header-description {
+  margin-left: -30px !important;
+  padding-left: 15px !important;
+}
+
+/* Fix sync button */
+#PanelUI-fxa-menu-syncnow-button hbox label.syncnow-label {
+  margin-left: -30px !important;
+  padding-left: 15px !important;
+}
+
+.PanelUI-tabitem-container.all-tabs-item {
+  margin: var(--arrowpanel-menuitem-margin) !important;
+  border-radius: 8px !important;
+  overflow: hidden;
+}
+
+.all-tabs-button.subviewbutton.subviewbutton-iconic {
+  padding: 5px 10px 5px calc(10px + var(--uc-arrowpanel-menuicon-margin-inline)) !important;
+  border-radius: 8px !important;
+}
+
+/* Custom Hover Colors */
+:root {
+  --tidy-hover-light: rgba(80, 80, 250, 0.75);
+  --tidy-hover-dark: rgba(80, 80, 250, 0.75);
+}
+
+/* If using Zen Browser primary color, override with it */
+@media (-moz-bool-pref: "mod.forkedtidypopup.usezenprimarycolor") {
+  :root {
+    --tidy-hover-light: var(--zen-primary-color);
+    --tidy-hover-dark: var(--zen-primary-color);
+  }
+}
+
+/* If not using Zen primary, use custom color preferences */
+@media not (-moz-bool-pref: "mod.forkedtidypopup.usezenprimarycolor") {
+  :root {
+    --tidy-hover-light: var(
+      --mod-forkedtidypopup-hovercolor-light,
+      rgba(80, 80, 250, 0.75)
+    );
+    --tidy-hover-dark: var(
+      --mod-forkedtidypopup-hovercolor-dark,
+      rgba(80, 80, 250, 0.75)
+    );
+  }
+}
+
+/* Light mode hover color */
+@media (prefers-color-scheme: light) {
+  menu,
+  menuitem,
+  menucaption,
+  :is(
+    panelview .toolbarbutton-1,
+    toolbarbutton.subviewbutton,
+    .widget-overflow-list .toolbarbutton-1,
+    .toolbaritem-combined-buttons:is(
+        :not([cui-areatype="toolbar"]),
+        [overflowedItem="true"]
+      )
+      > toolbarbutton
+  ) {
+    &:hover {
+      background-color: var(--tidy-hover-light) !important;
+    }
+  }
+}
+
+/* Dark mode hover color */
+@media (prefers-color-scheme: dark) {
+  menu,
+  menuitem,
+  menucaption,
+  :is(
+    panelview .toolbarbutton-1,
+    toolbarbutton.subviewbutton,
+    .widget-overflow-list .toolbarbutton-1,
+    .toolbaritem-combined-buttons:is(
+        :not([cui-areatype="toolbar"]),
+        [overflowedItem="true"]
+      )
+      > toolbarbutton
+  ) {
+    &:hover {
+      background-color: var(--tidy-hover-dark) !important;
+    }
+  }
+}

themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/preferences.json

@@ -0,0 +1,20 @@
+[
+    {
+        "property": "mod.forkedtidypopup.usezenprimarycolor",
+        "label": "Use Zen Browser primary color for hover effects",
+        "type": "checkbox",
+        "defaultValue": true
+    },
+    {
+        "property": "mod.forkedtidypopup.hovercolor.light",
+        "label": "Button color when hovered (Light mode)",
+        "type": "string",
+        "defaultValue": "rgba(80, 80, 250, 0.75)"
+    },
+    {
+        "property": "mod.forkedtidypopup.hovercolor.dark",
+        "label": "Button color when hovered (Dark mode)",
+        "type": "string",
+        "defaultValue": "rgba(80, 80, 250, 0.75)"
+    }
+]

themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/readme.md

@@ -0,0 +1,46 @@
+
+# Tidy Popup v2
+
+A clean theme for Zen Browser that makes popup panels compact and modern.
+
+## Installation
+
+1. Open `about:config` and accept the warning
+2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`
+3. Open `about:profiles` and locate your profile folder
+4. Copy `chrome.css` from this repository into the `chrome` folder
+5. Rename it to `userChrome.css`
+6. Restart your browser
+
+The theme will be automatically applied on startup.
+
+## What This Theme Does
+
+- Compact button styling: Smaller, rounded, consistent hit areas
+- Enhanced hover effects: Blue hover color that integrates with Zen Browser's primary color
+- Modern panel design: Rounded corners, refined borders and shadows
+- Better spacing: Optimized padding and margins for a cleaner look
+- Tidy extensions panel: Streamlined unified extensions popup with improved layout and spacing
+
+## Compatibility
+
+-  Zen Browser
+
+## Credits
+
+Originally forked from [Dinno-DEV/zen-tidy-popup](https://github.com/Dinno-DEV/zen-tidy-popup)  
+Then forked from [rasyidrafi/zen-tidy-popup](https://github.com/rasyidrafi/zen-tidy-popup)
+
+## Contributing
+
+Found a bug or want to suggest an improvement? Feel free to open an issue or submit a pull request on the [GitHub repository](https://github.com/theoneand33/zen-tidy-popup/).
+
+## License
+
+This project is open source and available under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
+
+## Author
+
+[Dinno-DEV](https://github.com/Dinno-DEV)  
+[rasyidrafi](https://github.com/rasyidrafi)  
+[theoneand33](https://github.com/theoneand33)

themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/theme.json

@@ -0,0 +1,15 @@
+{
+    "id": "a0077b84-d98c-493f-a3b9-5054b2dd25a8",
+    "name": "Tidy popup v2",
+    "description": "A clean theme for Zen Browser that makes popup panels compact and modern.",
+    "homepage": "https://github.com/theoneand33/zen-tidy-popup",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/image.png",
+    "author": "theoneand33",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2026-03-02",
+    "updatedAt": "2026-03-02",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/preferences.json"
+}