diff --git a/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/chrome.css b/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/chrome.css new file mode 100644 index 00000000..a027b492 --- /dev/null +++ b/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; + } + } +} diff --git a/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/image.png b/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/image.png new file mode 100644 index 00000000..84ddca3b Binary files /dev/null and b/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/image.png differ diff --git a/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/preferences.json b/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/preferences.json new file mode 100644 index 00000000..870cacc1 --- /dev/null +++ b/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)" + } +] \ No newline at end of file diff --git a/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/readme.md b/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/readme.md new file mode 100644 index 00000000..0bf8c9b7 --- /dev/null +++ b/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) diff --git a/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/theme.json b/themes/a0077b84-d98c-493f-a3b9-5054b2dd25a8/theme.json new file mode 100644 index 00000000..6e9d6953 --- /dev/null +++ b/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" +} \ No newline at end of file