169 lines
3.9 KiB
CSS
169 lines
3.9 KiB
CSS
/* enable in about:config by setting true:
|
|
* toolkit.legacyUserProfileCustomizations.stylesheets*/
|
|
|
|
#urlbar-container {
|
|
--toolbar-field-focus-border-color: #2c77ac;
|
|
}
|
|
|
|
/* remove/adjust radius from buttons and tabs */
|
|
*|*:root {
|
|
--toolbarbutton-border-radius: 3px !important;
|
|
--tab-border-radius: 3px !important;
|
|
--toolbarbutton-outer-padding: 2px !important;
|
|
/*--toolbarbutton-inner-padding: 8px !important;*/
|
|
--toolbar-start-end-padding: 2px !important;
|
|
}
|
|
|
|
/* remove/adjust margin fron tabs */
|
|
.tab-background {
|
|
margin-block: 2px !important;
|
|
}
|
|
|
|
/* remove/adjust padding between tabs */
|
|
.tabbrowser-tab {
|
|
padding-inline: 2px !important;
|
|
}
|
|
|
|
|
|
/* #url-go-button, */
|
|
#urlbar-zoom-button,
|
|
#tracking-protection-icon-container,
|
|
#back-button,
|
|
#back-button>*,
|
|
#forward-button,
|
|
#forward-button>*,
|
|
#stop-button,
|
|
#reload-button,
|
|
/* #statuspanel, */
|
|
#urlbar-go-button,
|
|
#urlbar-input-container>#page-action-buttons,
|
|
.urlbarView-favicon,
|
|
.tab-icon-image,
|
|
#tabs-newtab-button>.toolbarbutton-icon,
|
|
/* .tab-label-container, */
|
|
#PanelUI-menu-button,
|
|
.tab-close-button {
|
|
display: none !important;
|
|
}
|
|
|
|
#PanelUI-button {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
border: none !important;
|
|
}
|
|
|
|
#urlbar-input::placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
.titlebar-color {
|
|
background-color: #14161b !important;
|
|
}
|
|
|
|
/* Hide close button, etc. */
|
|
.titlebar-buttonbox-container {
|
|
display: none;
|
|
}
|
|
|
|
/* Disable the tooltip that appears when hovering over tabs */
|
|
/* .tabbrowser-tab:hover .tab-label { */
|
|
/* pointer-events: none !important; */
|
|
/* } */
|
|
|
|
/* Disable the tooltip completely for all tabs */
|
|
/* .tabbrowser-tab:hover { */
|
|
/* visibility: hidden !important; */
|
|
/* } */
|
|
|
|
menubar,
|
|
nav-bar,
|
|
#TabsToolbar>* {
|
|
background-color: #14161b !important;
|
|
}
|
|
|
|
toolbar>* {
|
|
background-color: #22252c !important;
|
|
}
|
|
|
|
.tab-background[selected="true"] {
|
|
background: #1b1d24 !important;
|
|
}
|
|
|
|
#urlbar-background {
|
|
background-color: #14161b !important;
|
|
}
|
|
|
|
|
|
#nav-bar toolbarspring {
|
|
/* min-width: 55px !important; */
|
|
/* max-width: 65px !important; */
|
|
min-width: 25px !important;
|
|
max-width: 35px !important;
|
|
}
|
|
|
|
/* cuz mozilla be stupid sometimes */
|
|
#unified-extensions-view {
|
|
--uei-icon-size: 16px;
|
|
/* background-color: #22252c !important; */
|
|
}
|
|
|
|
.unified-extensions-item-menu-button.subviewbutton {
|
|
padding: 2px !important;
|
|
}
|
|
|
|
.unified-extensions-item-message-deck {
|
|
display: none;
|
|
}
|
|
|
|
#unified-extensions-view>vbox>vbox>.unified-extensions-item {
|
|
padding-block: 0px !important;
|
|
}
|
|
|
|
.unified-extensions-item-menu-button {
|
|
margin-inline-end: 0 !important;
|
|
}
|
|
|
|
.unified-extensions-list .unified-extensions-item-menu-button {
|
|
margin-inline-end: 8px !important;
|
|
}
|
|
|
|
#unified-extensions-button .toolbarbutton-icon {
|
|
list-style-image: url("chrome://global/skin/icons/arrow-right.svg") !important;
|
|
}
|
|
|
|
#alltabs-button {
|
|
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;
|
|
}
|