ZenBrowserMirrors/theme-store
1
0
Fork 0
mirror of https://github.com/zen-browser/theme-store.git synced 2025-07-07 17:05:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1151 from zen-browser/create-theme-1150

Browse source 
Add theme: Tidy Popup
This commit is contained in:
mr. m 2025-03-31 20:01:09 +02:00 • committed by GitHub
commit c53270786e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 139 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

105
themes/79dde383-4fe7-404a-a8e6-9be440022542/chrome.css Normal file
View file

@ -0,0 +1,105 @@
/* These are for the popups */
menupopup, panel {
&::part(content) {
display: flex;
box-sizing: border-box;
padding: 6px !important;
color: var(--panel-color);
/*
background: var(--panel-background);
*/
border-radius: 15px;
border: 2px solid color-mix(in hsl,var(--panel-border-color), transparent 70%);
width: var(--panel-width);
box-shadow: var(--panel-shadow);
margin: var(--panel-shadow-margin);
min-width: 0;
min-height: 0;
max-height: round(up, 100% - 2 * var(--panel-shadow-margin), 1px);
max-width: round(up, 100% - 2 * var(--panel-shadow-margin), 1px);
overflow: clip;
scrollbar-color: transparent !important;
}
}
panel toolbarseparator {
appearance: none;
min-height: 0;
border-top: 3px solid color-mix(in hsl,var(--panel-border-color), transparent 100%);
margin: 8px 4px;
padding: 0;
}
:is(panelview .toolbarbutton-1, toolbarbutton.subviewbutton, .widget-overflow-list .toolbarbutton-1, .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton) {
&:not([disabled]) {
padding: 5px 10px !important;
border-radius: 8px !important;
}
}
@media (-moz-bool-pref: "mod.tidypopup.usecustomhovercolor") {
:is(panelview .toolbarbutton-1, toolbarbutton.subviewbutton, .widget-overflow-list .toolbarbutton-1, .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton) {
&:not([disabled]):hover {
background-color: var(--mod-tidypopup-hovercolor);
}
}
}
@media not (-moz-bool-pref: "mod.tidypopup.usecustomhovercolor") {
:is(panelview .toolbarbutton-1, toolbarbutton.subviewbutton, .widget-overflow-list .toolbarbutton-1, .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton) {
&:not([disabled]):hover {
background-color: rgba(80, 80, 250, 1);
}
}
}
#appMenu-zoom-controls {
border-top: 3px solid color-mix(in hsl,var(--panel-border-color), transparent 100%);
padding-top: 12px !important;
padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) + var(--uc-arrowpanel-menuitem-margin-inline)) var(--uc-arrowpanel-menuitem-margin-inline);
padding-block: var(--uc-panel-zoom-padding-block);
margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1);
}
#appMenu-zoom-controls > #appMenu-fullscreen-button2::before {
border-inline-start: 3px none color-mix(in hsl,var(--panel-border-color), transparent 100%);
}
menu, menuitem, menucaption {
border-radius: 8px !important;
padding: 5px 10px !important;
margin: 2px !important;
border-radius: 8px !important;
}
@media (-moz-bool-pref: "mod.tidypopup.usecustomhovercolor"){
menu, menuitem, menucaption {
&:not([disabled]):hover {
background-color: var(--mod-tidypopup-hovercolor);
}
}
}
@media not (-moz-bool-pref: "mod.tidypopup.usecustomhovercolor"){
menu, menuitem, menucaption {
&:not([disabled]):hover {
background-color: rgba(80, 80, 250, 1);
}
}
}
menuseparator::before {
border-top: 3px solid color-mix(in hsl,var(--panel-border-color), transparent 100%);
}
.panel-view-body-unscrollable {
border-radius: 8px !important;
background: var(--button-background-color-hover) !important;
align-items: center;
padding: 3px !important;
}
.downloadMainArea {
padding-left: 10px !important;
}

BIN
themes/79dde383-4fe7-404a-a8e6-9be440022542/image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 KiB

14
themes/79dde383-4fe7-404a-a8e6-9be440022542/preferences.json Normal file
View file

@ -0,0 +1,14 @@
[
{
"property": "mod.tidypopup.usecustomhovercolor",
"label": "Use custom hover color",
"type": "checkbox",
"defaultValue": false
},
{
"property": "mod.tidypopup.hovercolor",
"label": "Button color when hovered",
"type": "string",
"defaultValue": "rgba(80, 80, 250, 1)"
}
]

5
themes/79dde383-4fe7-404a-a8e6-9be440022542/readme.md Normal file
View file

@ -0,0 +1,5 @@
# Zen Tidy Popup
Modifies popup panels, changing divider lines with empty spacer, and makes the button more compact.
There is an option for custom hover color for the buttons. You need to check the box and enter the custom color in rgba, hsla, or hex format.

15
themes/79dde383-4fe7-404a-a8e6-9be440022542/theme.json Normal file
View file

@ -0,0 +1,15 @@
{
"id": "79dde383-4fe7-404a-a8e6-9be440022542",
"name": "Tidy Popup",
"description": "Modifies popup panels, changing divider lines with empty spacer, and makes the button more compact.",
"homepage": "https://github.com/Dinno-DEV/zen-tidy-popup",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/79dde383-4fe7-404a-a8e6-9be440022542/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/79dde383-4fe7-404a-a8e6-9be440022542/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/79dde383-4fe7-404a-a8e6-9be440022542/image.png",
"author": "Dinno-DEV",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-02-26",
"updatedAt": "2025-02-26",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/79dde383-4fe7-404a-a8e6-9be440022542/preferences.json"
}