Add theme: Tidy Popup

This commit is contained in:
Dinno-DEV 2025-02-26 02:14:27 +00:00 committed by GitHub
parent cdccfde6b2
commit b51937cb1e
5 changed files with 139 additions and 0 deletions

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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

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)"
}
]

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.

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"
}