Add theme: Customized Popup

This commit is contained in:
paasito 2025-03-26 14:46:29 +00:00 committed by GitHub
parent 2a9820d3e9
commit 8a15b49df1
5 changed files with 127 additions and 0 deletions

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View file

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

View file

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

View file

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