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

Update 'Cleaner Extensions' v2.1

Browse source
This commit is contained in:
KiKaraage 2025-05-21 13:46:05 +07:00 • committed by GitHub
parent fb37fc95cb
commit 8720bfd2e1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 139 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

183
themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/chrome.css
View file

@ -1,48 +1,143 @@
#unified-extensions-view box.panel-header, @media not (-moz-bool-pref: "mod.extension.viewgrid") {
#unified-extensions-description, /* Hide header, description, extension captions */
#unified-extensions-messages-container, #unified-extensions-view box.panel-header,
.unified-extensions-item-message-deck { #unified-extensions-description,
display: none !important; #unified-extensions-messages-container,
} .unified-extensions-item-message-deck {
#unified-extensions-view { display: none !important;
width: var(--menu-panel-width) !important; }
} /* Reduce the panel size and padding */
panelview .unified-extensions-item-action-button { #unified-extensions-view {
padding-inline: 10px !important; width: var(--menu-panel-width) !important;
padding-block: 0px !important; }
} panelview .unified-extensions-item-action-button {
#unified-extensions-manage-extensions { padding-inline: 10px !important;
padding-inline: 10px !important; padding-block: 0px !important;
} }
#unified-extensions-panel .unified-extensions-item { #unified-extensions-manage-extensions {
margin-block: 2px !important; padding-inline: 10px !important;
} }
#unified-extensions-view .unified-extensions-item-action-button:hover { #unified-extensions-panel .unified-extensions-item {
background-color: transparent !important; margin-block: 2px !important;
} }
#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton, #unified-extensions-view .unified-extensions-item-action-button:hover {
.unified-extensions-item-row-wrapper { background-color: transparent !important;
padding: 0 !important; }
} #unified-extensions-view .unified-extensions-item-menu-button.subviewbutton,
#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon { .unified-extensions-item-row-wrapper {
opacity: 0 !important; padding: 0 !important;
transition: 0.2s ease !important; }
} #unified-extensions-view .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
#unified-extensions-panel .unified-extensions-item:hover { opacity: 0 !important;
.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon { transition: 0.2s ease !important;
opacity: 0.85 !important; }
#unified-extensions-panel .unified-extensions-item:hover {
.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
opacity: 0.85 !important;
}
}
#unified-extensions-view .unified-extensions-item-action-button .panel-no-padding .webextension-browser-action {
padding: 0 !important;
}
#unified-extensions-view .toolbar-menupopup :is(menu, menuitem), .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
max-height: 3em !important;
}
#unified-extensions-view .subviewbutton-iconic {
& > .toolbarbutton-icon {
width: 1.2em !important;
height: 1.2em !important;
padding: 0.7em !important;
}
} }
} }
#unified-extensions-view .unified-extensions-item-action-button .panel-no-padding .webextension-browser-action {
padding: 0 !important; @media (-moz-bool-pref: "mod.extension.viewgrid") {
} /* Set width of Unified Extension View */
#unified-extensions-view .toolbar-menupopup :is(menu, menuitem), .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 { #unified-extensions-view {
max-height: 3em !important; width: calc(var(--menu-panel-width) - 75px) !important;
} }
#unified-extensions-view .subviewbutton-iconic {
& > .toolbarbutton-icon { /* Hide the header as well as texts and settings icon for each extension, so only icons are visible */
width: 1.2em !important; #unified-extensions-description,
height: 1.2em !important; #unified-extensions-view .panel-header,
padding: 0.7em !important; .unified-extensions-item-name,
.unified-extensions-item-message,
.unified-extensions-item-message-hover,
.unified-extensions-item-message-hover-menu-button,
.unified-extensions-item-menu-button {
display: none !important;
}
/* Arrange extensions in a properly centered 4-column grid */
#unified-extensions-area, .unified-extensions-list {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important; /* 4 columns */
justify-content: left !important;
align-items: center !important;
margin-inline: 7px !important;
width: 0px !important;
gap: 7px 0px;
}
#unified-extensions-area {
padding-block: 7px !important;
}
/* Ensure the extensions are fully centered with squircle hover shape, and reduce unneeded margins/paddings */
.unified-extensions-item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding-block: 4px !important;
border-radius: 12px !important;
}
.unified-extensions-item-icon, .unified-extensions-item .webextension-browser-action.subviewbutton > .toolbarbutton-badge-stack {
margin: 0px !important;
}
panelview .unified-extensions-item-action-button {
padding: 5px 10px !important;
}
.unified-extensions-item-row-wrapper .unified-extensions-item-action-button {
&:not([disabled]):hover {
color: inherit;
background-color: transparent !important;
}
}
/* Set lighter opacity for passive extension buttons */
.unified-extensions-item-icon {
opacity: 0.3;
}
.unified-extensions-list .unified-extensions-item:hover {
background-color: color-mix(in srgb, currentColor 6%, transparent) !important;
}
/* Set proper padding for the Manage Extensions button */
#unified-extensions-manage-extensions {
padding: 8px 16px !important;
}
#unified-extensions-view toolbarseparator {
margin-top: 12px !important;
}
}
@media (-moz-bool-pref: "mod.extension.hide") {
:root:not([customizing]){
#unified-extensions-button {
opacity: 0 !important;
transition: opacity 0.2s ease;
}
#unified-extensions-button:hover {
opacity: 1 !important;
}
}
}
@media (-moz-bool-pref: "mod.extension.remove") {
:root:not([customizing]){
#unified-extensions-button {
display: none !important;
}
} }
} }