tomit4/notes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 Updated userChrome for extensions bg

Browse source
This commit is contained in:
tomit4 2025-07-13 15:30:29 -07:00
parent f2f906cc3d
commit eae2a5a0ab
1 changed files with 66 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

94
firefox_preferences/chrome/userChrome.css
View file

@ -2,7 +2,7 @@
* toolkit.legacyUserProfileCustomizations.stylesheets*/ * toolkit.legacyUserProfileCustomizations.stylesheets*/
#urlbar-container { #urlbar-container {
--toolbar-field-focus-border-color: #2c77ac; --toolbar-field-focus-border-color: #2c77ac;
} }
/* #url-go-button, */ /* #url-go-button, */
@ -14,80 +14,118 @@
#reload-button, #reload-button,
/* #statuspanel, */ /* #statuspanel, */
#urlbar-go-button, #urlbar-go-button,
#urlbar-input-container > #page-action-buttons, #urlbar-input-container>#page-action-buttons,
.urlbarView-favicon, .urlbarView-favicon,
.tab-icon-image, .tab-icon-image,
#tabs-newtab-button > .toolbarbutton-icon, #tabs-newtab-button>.toolbarbutton-icon,
/* .tab-label-container, */ /* .tab-label-container, */
#PanelUI-menu-button, #PanelUI-menu-button,
.tab-close-button { .tab-close-button {
display: none !important; display: none !important;
} }
#PanelUI-button { #PanelUI-button {
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
border: none !important; border: none !important;
} }
#urlbar-input::placeholder { #urlbar-input::placeholder {
color: transparent; color: transparent;
} }
.titlebar-color { .titlebar-color {
background-color: #14161b !important; background-color: #14161b !important;
} }
menubar, menubar,
nav-bar, nav-bar,
#TabsToolbar > * { #TabsToolbar>* {
background-color: #14161b !important; background-color: #14161b !important;
} }
toolbar > * { toolbar>* {
background-color: #22252c !important; background-color: #22252c !important;
} }
.tab-background[selected="true"] { .tab-background[selected="true"] {
background: #1b1d24 !important; background: #1b1d24 !important;
} }
#urlbar-background { #urlbar-background {
background-color: #14161b !important; background-color: #14161b !important;
} }
#nav-bar toolbarspring { #nav-bar toolbarspring {
/* min-width: 55px !important; */ /* min-width: 55px !important; */
/* max-width: 65px !important; */ /* max-width: 65px !important; */
min-width: 25px !important; min-width: 25px !important;
max-width: 35px !important; max-width: 35px !important;
} }
/* cuz mozilla be stupid sometimes */ /* cuz mozilla be stupid sometimes */
#unified-extensions-view { #unified-extensions-view {
--uei-icon-size: 16px; --uei-icon-size: 16px;
/* background-color: #22252c !important; */ /* background-color: #22252c !important; */
} }
.unified-extensions-item-menu-button.subviewbutton { .unified-extensions-item-menu-button.subviewbutton {
padding: 2px !important; padding: 2px !important;
} }
.unified-extensions-item-message-deck { .unified-extensions-item-message-deck {
display: none; display: none;
} }
#unified-extensions-view > vbox > vbox > .unified-extensions-item {
padding-block: 0px !important; #unified-extensions-view>vbox>vbox>.unified-extensions-item {
padding-block: 0px !important;
} }
.unified-extensions-item-menu-button { .unified-extensions-item-menu-button {
margin-inline-end: 0 !important; margin-inline-end: 0 !important;
} }
.unified-extensions-list .unified-extensions-item-menu-button { .unified-extensions-list .unified-extensions-item-menu-button {
margin-inline-end: 8px !important; margin-inline-end: 8px !important;
} }
#unified-extensions-button .toolbarbutton-icon { #unified-extensions-button .toolbarbutton-icon {
list-style-image: url("chrome://global/skin/icons/arrow-right.svg") !important; list-style-image: url("chrome://global/skin/icons/arrow-right.svg") !important;
} }
#alltabs-button { #alltabs-button {
display: none !important; display: none !important;
} }
/* Dark BG on Extensions menu */
/* Set dark background for the Extensions (Unified Extensions) Panel */
#unified-extensions-view,
#unified-extensions-view .panel-subview-body,
#unified-extensions-view .unified-extensions-item,
#unified-extensions-view .unified-extensions-item-action-button,
#unified-extensions-view .unified-extensions-item-menu-button,
#unified-extensions-view .unified-extensions-item-message-deck,
#unified-extensions-view .unified-extensions-item-content,
#unified-extensions-view .unified-extensions-item-name,
#unified-extensions-view .unified-extensions-item-description {
background-color: #1e1e1e !important;
color: #f0f0f0 !important;
}
/* Optional: Darken hover and active states too */
.unified-extensions-item:hover {
background-color: #2a2a2a !important;
}
.unified-extensions-item:active {
background-color: #333333 !important;
}
/* Fix popup background if not inheriting dark color */
.panel-viewstack,
.panel-subview-body,
#unified-extensions-panel {
background-color: #1e1e1e !important;
color: #f0f0f0 !important;
}