Last active
January 22, 2024 00:47
-
-
Save ltrademark/2b21e79b2d52d339ce55398169342d7c to your computer and use it in GitHub Desktop.
Firefox Userchrome
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| ~~BlackFox~~ | |
| @Ltrademark */ | |
| * { | |
| /* -------------------- 🎨 Customization 🎨 -------------------- */ | |
| --accent: #15e; | |
| --border-radius: 0; | |
| --tab-corner-rounding: var(--border-radius, 5px); | |
| --button-corner-rounding: var(--border-radius, 4px); | |
| --menu-corner-rounding: var(--border-radius, 5px); | |
| --menu-item-height: 30px; | |
| --animation-speed: 0.15s; | |
| --lwt-toolbar-field-color: var(--toolbar-color); | |
| --toolbar-bgcolor: #000; | |
| --toolbar-fgcolor: #fff; | |
| --tabpanel-background-color: #000; | |
| --panel-width: inherit; | |
| --urlbar-popup-url-color: var(--accent); | |
| --button-corner-rounding: 6px; | |
| --urlbar-icon-padding: 3px; | |
| --urlbar-icon-size: 22px; | |
| font-family: "Hack", monospace; | |
| } | |
| @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| #widget-overflow panelview, | |
| #widget-overflow .webextension-popup-browser { | |
| width: var(--panel-width); | |
| } | |
| /* content Container*/ | |
| /* #appcontent #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer .browserStack browser { | |
| border-radius: var(--tab-corner-rounding); | |
| } */ | |
| #browser, | |
| panelview { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| #appcontent, | |
| #sidebar-box[checked] ~ #appcontent #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer .browserStack browser { | |
| border-radius: var(--tab-corner-rounding) 0 0 var(--tab-corner-rounding); | |
| overflow: hidden; | |
| } | |
| .browserContainer.responsive-mode .browserStack browser { | |
| border-radius: var(--tab-corner-rounding); | |
| } | |
| /* Bottom corner rounding for tabs, Remove this section if your tab bottom corners look bad */ | |
| tab[visuallyselected] .tab-background::before, | |
| tab[visuallyselected] .tab-background::after { | |
| content: "" !important; | |
| display: inline !important; | |
| position: absolute !important; | |
| width: var(--tab-corner-rounding) !important; | |
| height: var(--tab-corner-rounding) !important; | |
| bottom: -1px !important; | |
| pointer-events: none !important; | |
| background-color: transparent !important; | |
| transition: var(--animation-speed) !important; | |
| } | |
| tab[visuallyselected] .tab-background::before { | |
| border-bottom-right-radius: var(--tab-corner-rounding) !important; | |
| transform: translateX(calc(-1 * var(--tab-corner-rounding))) !important; | |
| box-shadow: 4px 4px 0px 4px var(--toolbar-bgcolor) !important; | |
| transition: var(--animation-speed) !important; | |
| } | |
| tab[visuallyselected] .tab-background::after { | |
| border-bottom-left-radius: var(--tab-corner-rounding) !important; | |
| right: 0px !important; | |
| transform: translateX(calc(var(--tab-corner-rounding) + 1px)) !important; | |
| box-shadow: -4px 4px 0px 4px var(--toolbar-bgcolor) !important; | |
| transition: var(--animation-speed) !important; | |
| } | |
| /* --------------------------------------------------------------------------------------- */ | |
| /* This makes certain menus adapt to your toolbar text color. Can make menu text illegible in | |
| some transparent themes, remove if needed. */ | |
| panelview:not([extension]), | |
| .panel-arrowcontent { | |
| /*! background-color: var(--toolbar-bgcolor) !important; */ | |
| /*! color: var(--toolbar-color) !important; */ | |
| } | |
| /*-------------------------------------------------------------------*/ | |
| #statuspanel-inner { | |
| height: auto !important; | |
| } | |
| #statuspanel { | |
| margin-top: 0 !important; | |
| } | |
| #statuspanel:not([mirror]) > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(ltr), | |
| #statuspanel[mirror] > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(rtl), | |
| #statuspanel-label { | |
| background-color: var(--toolbar-bgcolor) !important;; | |
| border: none !important; | |
| border-radius: calc(var(--tab-corner-rounding)/2); | |
| margin-left: var(--tab-corner-rounding) !important; | |
| margin-bottom: var(--tab-corner-rounding) !important; | |
| padding: var(--tab-corner-rounding) !important; | |
| line-height: 1; | |
| } | |
| #statuspanel[type="overLink"] { | |
| transition: 120ms ease-in-out all !important; | |
| transform: translateY(-100%); | |
| } | |
| #statuspanel[inactive][previoustype="overLink"] { | |
| transition: 200ms ease-in-out all !important; | |
| } | |
| #statuspanel[inactive] { | |
| ! transform: translateY(100%); | |
| } | |
| /* -------------------- Transitions for some things -------------------- */ | |
| toolbarbutton, | |
| .subviewbutton, | |
| stack, | |
| .toolbarbutton-icon, | |
| vbox | |
| { | |
| transition: background-color var(--animation-speed) !important; | |
| } | |
| /* -------------------- Move Nav Bar -------------------- */ | |
| /* :root:not([inFullscreen]){ | |
| --uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) ) | |
| } | |
| :root[uidensity="compact"]:not([inFullscreen]){ | |
| --uc-bottom-toolbar-height: calc(32px + var(--toolbarbutton-outer-padding) ) | |
| } | |
| #browser, | |
| #customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) } | |
| #nav-bar{ | |
| position: fixed !important; | |
| bottom: 0px; | |
| display: flex; | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| #nav-bar-customization-target{ flex-grow: 1; } | |
| #urlbar[breakout][breakout-extend]{ | |
| display: flex !important; | |
| flex-direction: column-reverse; | |
| bottom: -2px !important; | |
| top: auto !important; | |
| } | |
| .urlbarView-body-inner{ border-top-style: none !important; } */ | |
| /* -------------------- Style tab bar -------------------- */ | |
| .titlebar-spacer[type="pre-tabs"] { | |
| border-inline-end: 0px !important; | |
| width: 0px !important; | |
| } | |
| scrollbox[part="scrollbox"][flex="1"][orient="horizontal"] { | |
| padding-left: 12px !important; | |
| } | |
| [sizemode="maximized"] [first-visible-tab] { | |
| margin-left: -12px !important; | |
| } | |
| [sizemode="maximized"] [first-visible-tab] stack { | |
| margin-left: 12px !important; | |
| } | |
| .tab-background, .tab-loading-burst { | |
| border-radius: var(--tab-corner-rounding) var(--tab-corner-rounding) 0px 0px !important; | |
| margin: -1px !important; | |
| } | |
| tab:not(:active) .tab-background { | |
| transition: background-color var(--animation-speed) !important; | |
| } | |
| :root[uidensity="compact"] { | |
| --tab-min-height: 31px !important; | |
| } | |
| tab:not([selected]):hover .tab-background { | |
| background-color: var(--toolbarbutton-hover-background) !important; | |
| } | |
| tab { | |
| min-width: 1px !important; | |
| clip-width: 1px !important; | |
| padding-bottom: 1px !important; | |
| } | |
| .tab-line { | |
| display: none !important; | |
| } | |
| tab:not([beforeselected-visible])::after { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| transition: border-color var(--animation-speed), margin-top var(--animation-speed) !important; | |
| } | |
| tab[beforehovered]::after, | |
| tab:hover::after { | |
| border-color: transparent !important; | |
| margin-top: 20px !important; | |
| } | |
| #navigator-toolbox { | |
| --tabs-border-color: transparent !important; | |
| border-color: var(--tabs-border-color) !important; | |
| border: none !important; | |
| } | |
| tab[visuallyselected] .tab-background { | |
| box-shadow: 0px 3px 12px -5px black !important; | |
| } | |
| [last-visible-tab] { | |
| margin-right: calc(var(--tab-corner-rounding) + 2px) !important; /* fix unexpected tab overflow */ | |
| } | |
| /* -------------------- Style toolbar -------------------- */ | |
| .toolbarbutton-icon, .toolbarbutton-badge-stack { | |
| background-color: transparent !important; | |
| } | |
| toolbarbutton:not(#back-button)[open], .toolbarbutton-1:not(#back-button)[open] { | |
| background-color: var(--toolbarbutton-active-background); | |
| } | |
| #nav-bar .toolbarbutton-1 { | |
| margin-right: 2px !important; | |
| } | |
| .close-icon:not(.tab-close-button):hover { | |
| fill-opacity: 0.0 !important; | |
| } | |
| toolbarbutton:not(#back-button):not([disabled]):not([open]):hover, | |
| .toolbarbutton-1:not(#back-button):not([disabled]):not([open]):hover { | |
| /* background-color: var(--toolbarbutton-hover-background) !important; */ | |
| background-color: rgba(255,255,255,0.1) !important; | |
| } | |
| .tab-close-button { | |
| transition: fill-opacity var(--animation-speed) !important; | |
| } | |
| .findbar-textbox:focus { | |
| /* border: 1px solid grey !important; */ | |
| border: none !important; | |
| } | |
| #BMB_bookmarksShowAll { | |
| display: none !important; | |
| } | |
| /* touch and normal density buttons */ | |
| :root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon { | |
| background-color: transparent !important; | |
| border-color: var(--toolbarbutton-hover-background) !important; | |
| transition: background-color var(--animation-speed) !important; | |
| } | |
| :root:not([uidensity="compact"]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon { | |
| background-color: var(--toolbarbutton-hover-background) !important; | |
| box-shadow: none !important; | |
| } | |
| :root:not([uidensity="compact"]) #back-button:not([disabled]):not([open]):active > .toolbarbutton-icon { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| box-shadow: none !important; | |
| } | |
| :root:not([uidensity="compact"]) toolbarbutton:not(#back-button):not([disabled]):not([open]):active, | |
| .toolbarbutton-1:not(#back-button):not([disabled]):not([open]):active { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| } | |
| :root:not([uidensity="compact"]) #back-button[open] > .toolbarbutton-icon { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| } | |
| :root:not([uidensity="compact"]) #PersonalToolbar { /* bookmark bar */ | |
| height: 30px !important; | |
| } | |
| /* normal density buttons */ | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #nav-bar .toolbarbutton-1:not(#back-button) { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| margin-left: 0px !important; | |
| margin-right: 0px !important; | |
| padding-left: 3px !important; | |
| padding-right: 3px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #nav-bar .toolbarbutton-1:not(#back-button) image { | |
| margin-bottom: 1px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #back-button { | |
| margin-top: -1px !important; | |
| margin-bottom: -1px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #identity-box, | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #tracking-protection-icon-container { | |
| padding-left: 8px !important; | |
| padding-right: 8px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #identity-icon, | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #tracking-protection-icon-box { | |
| margin-left: 1px !important; | |
| margin-right: 1px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #urlbar { | |
| height: 36px !important; | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| padding-top: 0px !important; | |
| padding-bottom: 0px !important; | |
| } | |
| .urlbar-page-action { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) .urlbar-icon:not(#pocket-button) { | |
| width: var(--urlbar-icon-size) !important; | |
| height: var(--urlbar-icon-size) !important; | |
| padding: var(--urlbar-icon-padding) !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #pocket-button { | |
| width: var(--urlbar-icon-size) !important; | |
| height: var(--urlbar-icon-size) !important; | |
| padding: 8px 8px 6px 8px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #contextual-feature-recommendation { | |
| width: var(--urlbar-icon-size) !important; | |
| height: var(--urlbar-icon-size) !important; | |
| padding: 2px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #PanelUI-button { | |
| padding-right: 5px !important; | |
| padding-left: 5px !important; | |
| margin-left: 5px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #library-animatable-box { | |
| margin-top: 4px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #tabs-newtab-button { | |
| margin-left: -5px !important; | |
| padding-left: 2px !important; | |
| margin-bottom: 1px !important; | |
| padding-bottom: 1px !important; | |
| } | |
| :root:not([uidensity="touch"]):not([uidensity="compact"]) #PersonalToolbar { | |
| margin-top: -2px !important; | |
| } | |
| /* compact density buttons */ | |
| :root[uidensity="compact"] #nav-bar .toolbarbutton-1 { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| padding: 0px 0px 0px 0px !important; | |
| } | |
| :root[uidensity="compact"] #nav-bar toolbaritem[animate] box { | |
| margin-top: 1px !important; | |
| } | |
| :root[uidensity="compact"] #back-button { | |
| margin-left: 3px !important; | |
| } | |
| :root[uidensity="compact"] #back-button[open] { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| } | |
| :root[uidensity="compact"] #back-button:not([disabled]):not([open]):hover { | |
| background-color: var(--toolbarbutton-hover-background) !important; | |
| } | |
| :root[uidensity="compact"] #back-button:not([disabled]):not([open]):active { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| } | |
| :root[uidensity="compact"] #identity-box, | |
| :root[uidensity="compact"] #tracking-protection-icon-container { | |
| min-width: 2px !important; | |
| padding-left: 6px !important; | |
| padding-right: 6px !important; | |
| } | |
| :root[uidensity="compact"] #urlbar { | |
| height: 30px !important; | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| padding-bottom: 0px !important; | |
| } | |
| :root[uidensity="compact"] .urlbar-icon:not(#pocket-button) { | |
| width: 30px !important; | |
| height: 30px !important; | |
| padding: 4px 6px !important; | |
| } | |
| :root[uidensity="compact"] #pocket-button { | |
| width: 28px !important; | |
| height: 40px !important; | |
| padding: 7px 6px 5px 6px !important; | |
| } | |
| :root[uidensity="compact"] #contextual-feature-recommendation { | |
| width: 32px !important; | |
| height: 32px !important; | |
| padding: 2px !important; | |
| } | |
| :root[uidensity="compact"] #PersonalToolbar { | |
| height: 25px !important; | |
| margin-top: -3px !important; | |
| } | |
| :root[uidensity="compact"] #library-animatable-box { | |
| margin-top: 5px !important; | |
| } | |
| :root[uidensity="compact"] #tabs-newtab-button { | |
| margin-left: -5px !important; | |
| margin-bottom: 1px !important; | |
| padding-bottom: 1px !important; | |
| } | |
| /* touch density buttons */ | |
| :root[uidensity="touch"] #nav-bar .toolbarbutton-1:not(#back-button) { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| padding-left: 0px !important; | |
| padding-right: 0px !important; | |
| } | |
| :root[uidensity="touch"] #stop-reload-button[animate] .toolbarbutton-animatable-image { | |
| margin-top: 2px !important; | |
| } | |
| :root[uidensity="touch"] #identity-box, | |
| :root[uidensity="touch"] #tracking-protection-icon-container { | |
| padding-left: 9px !important; | |
| padding-right: 9px !important; | |
| } | |
| :root[uidensity="touch"] #urlbar { | |
| height: 36px !important; | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| :root[uidensity="touch"] #nav-bar{ | |
| padding-top: 0px !important; | |
| } | |
| :root[uidensity="touch"] .urlbar-icon:not(#pocket-button) { | |
| width: 34px !important; | |
| height: 36px !important; | |
| padding: 9px !important; | |
| } | |
| :root[uidensity="touch"] #pocket-button { | |
| width: 34px !important; | |
| height: 36px !important; | |
| padding: 10px 7px 8px 7px !important; | |
| } | |
| :root[uidensity="touch"] #contextual-feature-recommendation { | |
| width: 32px !important; | |
| height: 33px !important; | |
| padding: 2px !important; | |
| } | |
| :root[uidensity="touch"] #PanelUI-button { | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| } | |
| :root[uidensity="touch"] tab { | |
| height: 40px !important; | |
| } | |
| :root[uidensity="touch"] #library-animatable-box { | |
| margin-top: 7px !important; | |
| } | |
| :root[uidensity="touch"] #tabs-newtab-button { | |
| margin-left: -5px !important; | |
| margin-bottom: 2px !important; | |
| padding-right: 3px !important; | |
| padding-left: 3px !important; | |
| padding-bottom: 1px !important; | |
| } | |
| :root[uidensity="touch"] #PersonalToolbar { | |
| height: 35px !important; | |
| margin-top: -3px !important; | |
| } | |
| /* various */ | |
| .urlbar-input-box, | |
| #identity-box, | |
| #tracking-protection-icon-container, | |
| .urlbar-history-dropmarker, | |
| .urlbar-page-action, | |
| #reader-mode-button, | |
| [anonid=urlbar-go-button], | |
| .toolbarbutton-1 > stack, | |
| toolbarbutton:not(.titlebar-button):not([class^="findbar-find"]):not([class^="scrollbutton"]), | |
| .close-icon | |
| { | |
| border-radius: var(--button-corner-rounding) !important; | |
| } | |
| .findbar-find-next { | |
| border-radius: 0px var(--button-corner-rounding) var(--button-corner-rounding) 0px !important; | |
| } | |
| .findbar-textbox { | |
| border-radius: var(--button-corner-rounding) 0px 0px var(--button-corner-rounding) !important; | |
| } | |
| .bookmark-item { | |
| padding-left: 7px !important; | |
| padding-right: 7px !important; | |
| margin-right: 0px !important; | |
| } | |
| #urlbar { | |
| border-radius: calc(1px + var(--button-corner-rounding)) !important; | |
| border: none !important; | |
| } | |
| #urlbar[breakout-extend] .urlbarView , | |
| #urlbar[breakout-extend] #urlbar-input-container { | |
| border:1px solid #333 !important; | |
| } | |
| #urlbar[focused] .urlbarView , | |
| #urlbar[focused] #urlbar-input-container { | |
| border:1px solid var(--accent) !important; | |
| } | |
| #urlbar[focused] .urlbarView, | |
| #urlbar[breakout-extend] .urlbarView { | |
| border-top: none !important; | |
| } | |
| #urlbar[focused] #urlbar-input-container, | |
| #urlbar[breakout-extend] #urlbar-input-container { | |
| border-bottom: none !important; | |
| border-radius: var(--button-corner-rounding) var(--button-corner-rounding) 0 0 !important;; | |
| } | |
| hbox[hidden="true"] { | |
| display: none !important;; | |
| } | |
| #page-action-buttons { | |
| display: flex; | |
| gap: 5px; | |
| } | |
| #pageActionButton { | |
| display: none; | |
| } | |
| #translations-button { | |
| --toolbarbutton-icon-fill-attention: #FFBD4F; | |
| display: flex; | |
| width: calc((var(--urlbar-min-height) - 2px - 2 * var(--urlbar-container-padding)) * 3) !important; | |
| border: 1px solid var(--toolbarbutton-icon-fill-attention); | |
| order: -1; | |
| } | |
| #translations-button-locale { | |
| --dot-size: 8px; | |
| width: var(--dot-size); | |
| min-height: unset; | |
| height: var(--dot-size) !important; | |
| padding: 0 !important; | |
| min-width: unset !important; | |
| } | |
| /* style identity box */ | |
| #identity-box { | |
| margin-right: 0px !important; | |
| } | |
| /* style address bar */ | |
| #urlbar-background { | |
| background-color: transparent !important; | |
| border: none !important; | |
| box-shadow: none !important; | |
| } | |
| #urlbar[breakout-extend] { | |
| top: 4px !important; | |
| left: 0px !important; | |
| padding: 0px 0px 0px 0px !important; | |
| height: auto !important; | |
| width: 100% !important; | |
| } | |
| #urlbar[breakout][breakout-extend] > #urlbar-input-container { | |
| height: var(--urlbar-toolbar-height) !important; | |
| padding-block: 0px !important; | |
| padding-inline: 0px !important; | |
| padding-bottom: 6px !important; | |
| margin-bottom: -5px !important; | |
| margin-top: -1px !important; | |
| } | |
| /* urlbarView = the menu when you expand the address bar */ | |
| .urlbarView { | |
| width: 100% !important; | |
| margin-inline: 0px !important; | |
| box-shadow: 0px 5px 15px -7px black !important; | |
| border-radius: 0px 0px var(--menu-corner-rounding) var(--menu-corner-rounding) !important; | |
| border: 1px solid transparent !important; | |
| padding-top: 0px !important; | |
| } | |
| .urlbarView-body-inner { | |
| border:none !important; | |
| } | |
| .search-one-offs { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| #tracking-protection-icon-container { | |
| border-inline-end: none !important; | |
| } | |
| #pageActionSeparator { | |
| display: none !important; | |
| } | |
| .urlbar-icon, | |
| #userContext-indicator, | |
| #userContext-label { | |
| /* fill: transparent !important; | |
| background-color: transparent !important; | |
| color: transparent !important; */ | |
| fill: var(--toolbar-color) !important; | |
| transition: var(--animation-speed) !important; | |
| opacity: 1; | |
| } | |
| #urlbar:hover .urlbar-icon, | |
| #urlbar:active .urlbar-icon, | |
| #urlbar[focused] .urlbar-icon { | |
| fill: var(--toolbar-color) !important; | |
| opacity: 1; | |
| } | |
| #urlbar:hover #userContext-indicator, | |
| #urlbar:active #userContext-indicator, | |
| #urlbar[focused] #userContext-indicator, | |
| #urlbar:hover #userContext-label, | |
| #urlbar:active #userContext-label, | |
| #urlbar[focused] #userContext-label { | |
| color: var(--identity-tab-color) !important; | |
| fill: var(--identity-tab-color) !important; | |
| } | |
| #picture-in-picture-button-icon, | |
| #reader-mode-button-icon, | |
| #star-button { | |
| /* filter: invert(1); */ | |
| color: inherit; | |
| fill: white; | |
| } | |
| .urlbar-page-action[open] { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| fill: var(--toolbar-color) !important; | |
| } | |
| .urlbar-page-action[open]:hover { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| fill: var(--toolbar-color) !important; | |
| } | |
| .urlbar-page-action[open] .urlbar-icon { | |
| fill: var(--toolbar-color) !important; | |
| } | |
| .urlbar-scheme { | |
| padding-bottom: 11px !important; | |
| } | |
| #urlbar-container { | |
| margin-left: -1px !important; | |
| margin-right: -1px !important; | |
| } | |
| .urlbar-input-box { | |
| padding: 0px 5px !important; | |
| } | |
| #urlbar { | |
| background-color: transparent !important; | |
| color: var(--lwt-toolbar-field-color, white) !important; | |
| } | |
| #urlbar:not(.hidden-focus)[focused="true"] { | |
| background-color: var(--toolbarbutton-hover-background) !important; | |
| } | |
| #pocket-button { | |
| padding-bottom: 4px !important; | |
| } | |
| :not(.urlbar-icon-wrapper) > .urlbar-icon:not([disabled]):hover, | |
| .urlbar-icon-wrapper:not([disabled]):hover { | |
| /*! background-color: rgba(255,255,255, 0.1) !important; */ | |
| } | |
| .urlbar-icon-wrapper > .urlbar-icon:hover { | |
| background-color: transparent !important; | |
| } | |
| .urlbar-icon-wrapper { | |
| background-color: transparent !important; | |
| transition: background-color var(--animation-speed) !important; | |
| } | |
| #urlbar:not([focused]) .urlbar-input-box:hover, | |
| #identity-box:hover, | |
| #tracking-protection-icon-container:hover, | |
| .urlbar-icon-wrapper:hover, | |
| [anonid=urlbar-go-button]:hover { | |
| /*! background-color: var(--toolbarbutton-hover-background) !important; */ | |
| } | |
| .urlbar-icon:hover { | |
| background: none !important; | |
| } | |
| #identity-box:active, | |
| #tracking-protection-icon-container:active, | |
| .urlbar-icon:active, | |
| .urlbar-icon-wrapper:active, | |
| [anonid=urlbar-go-button]:active { | |
| background-color: var(--toolbarbutton-active-background) !important; | |
| } | |
| .urlbar-input-box, | |
| #identity-box, | |
| #tracking-protection-icon-container, | |
| [anonid=urlbar-go-button], | |
| #urlbar { | |
| transition: background-color var(--animation-speed) !important; | |
| } | |
| #tracking-protection-icon, | |
| #identity-box image { | |
| transition: fill-opacity var(--animation-speed) !important; | |
| } | |
| [lwthemetextcolor="dark"] .urlbarView-body-outer { | |
| background-color: #f5f6f7 !important; | |
| color: var(--toolbar-color) !important; | |
| } | |
| .urlbarView-body-inner { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| .downloadsPanelFooterButton:hover { | |
| outline: none !important; | |
| } | |
| /* -------------------- Style context menus -------------------- */ | |
| /* #context-navigation, | |
| #context-sep-navigation, */ | |
| #context-bookmarklink, | |
| #context-viewinfo, | |
| #context-viewpartialsource-selection, | |
| #inspect-separator, | |
| #context-savelink, | |
| #context-sendimage, | |
| #context-setDesktopBackground, | |
| #context_reloadTab, | |
| #context_moveTabOptions, | |
| #context_bookmarkTab, | |
| .bookmarks-actions-menuseparator, | |
| .openintabs-menuitem { | |
| display: none !important; | |
| } | |
| menupopup, | |
| menupopup menuitem, | |
| menupopup menu, | |
| menupopup menuseparator { | |
| -moz-appearance: none !important; | |
| } | |
| menupopup:not(#BMB_bookmarksPopup) { | |
| padding: 0px !important; | |
| margin: 0 !important; | |
| border: 0 !important; | |
| background: 0 !important; | |
| } | |
| menu[open] menupopup:not(#BMB_bookmarksPopup) { | |
| margin: -12px -9px 0 !important; | |
| } | |
| #BMB_bookmarksPopup menu[open] menupopup { | |
| transform: translateY(4px) !important; | |
| } | |
| menupopup menuseparator | |
| { | |
| margin-top: 5px !important; | |
| margin-bottom: 5px !important; | |
| padding: 0px !important; | |
| border-bottom: none !important; | |
| opacity: 0.2 !important; | |
| } | |
| .menupopup-arrowscrollbox { | |
| background: Menu !important; /* fall back if adaptable colors are removed */ | |
| } | |
| .menupopup-arrowscrollbox:not(.in-bookmarks-menu) { | |
| padding: 6px 0 !important; | |
| } | |
| .panel-arrowcontent { | |
| padding-top: 0px !important; | |
| border: none !important; | |
| } | |
| /* shadows and rounded corners for menus */ | |
| .menupopup-arrowscrollbox:not(.in-bookmarks-menu) { | |
| border-radius: var(--menu-corner-rounding) !important; | |
| box-shadow: none !important; | |
| border: none !important; | |
| } | |
| .panel-arrowcontainer .panel-arrowcontent, .menupopup-arrowscrollbox, hbox[flex="1"][part="innerbox"] { | |
| border-radius: var(--menu-corner-rounding) !important; | |
| } | |
| .in-bookmarks-menu { | |
| padding-bottom: 5px !important; | |
| padding-top: 5px !important; | |
| } | |
| menu, | |
| menuitem, | |
| menucaption { | |
| -moz-appearance: none !important; | |
| height: var(--menu-item-height) !important; | |
| } | |
| menu, | |
| menuitem, | |
| menucaption { | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| } | |
| menu:not(.subviewbutton) > .menu-right { | |
| margin-top: 0px !important; | |
| margin-right: 0px !important; | |
| width: 20px; | |
| height: 20px; | |
| border-radius: 10px; | |
| overflow: hidden; | |
| } | |
| menu:not(.subviewbutton) > .menu-right image { | |
| margin-right: 10px !important; | |
| margin-top: -2px !important; | |
| border: 1px solid var(--toolbar-color) !important; | |
| border-left-color: transparent !important; | |
| border-bottom-color: transparent !important; | |
| width: 8px !important; | |
| height: 8px; | |
| transform: rotate(45deg) translate(0,0); | |
| transform-origin: center; | |
| } | |
| panelview toolbarbutton:not(#fxa-manage-account-button) { | |
| /* height: var(--menu-item-height) !important; */ | |
| height: 50px; | |
| } | |
| #BMB_bookmarksPopup .menu-right { | |
| height: 23px !important; | |
| } | |
| /* Hide splitter, when using Tree Style Tab. */ | |
| .sidebar-splitter, | |
| #sidebar-splitter { | |
| /* display: none !important; */ | |
| opacity: 0 !important; | |
| } | |
| #sidebar-switcher-bookmarks, #customization-uidensity-menuitem-compact { | |
| margin-top: 5px !important; | |
| } | |
| #customization-lwtheme-menu-header { | |
| margin-top: 0px !important; | |
| } | |
| /* windows-specific adjustments */ | |
| @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) { | |
| .bookmark-item .scrollbutton-up { | |
| margin-top: -3px !important; | |
| } | |
| .bookmark-item .scrollbutton-up > .toolbarbutton-icon { | |
| margin-top: -2px !important; | |
| border: 6px solid MenuText !important; | |
| border-top-color: transparent !important; | |
| border-right-color: transparent !important; | |
| border-left-color: transparent !important; | |
| } | |
| .bookmark-item .scrollbutton-down { | |
| margin-bottom: -3px !important; | |
| } | |
| .bookmark-item .scrollbutton-down > .toolbarbutton-icon { | |
| margin-bottom: -2px !important; | |
| border: 6px solid MenuText !important; | |
| border-bottom-color: transparent !important; | |
| border-right-color: transparent !important; | |
| border-left-color: transparent !important; | |
| } | |
| menu, | |
| menuitem, | |
| menucaption { | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| } | |
| menu:not(.subviewbutton) > .menu-right { | |
| margin-right: 0px !important; | |
| padding-left: 0px !important; | |
| } | |
| .in-bookmarks-menu { | |
| padding-bottom: 5px !important; | |
| padding-top: 1px !important; | |
| } | |
| #BMB_bookmarksPopup menu menupopup { | |
| transform: translateY(-1px) !important; | |
| } | |
| } | |
| /* linux and mac-specific adjustments */ | |
| @media not (-moz-os-version: windows-win10) { | |
| @media not (-moz-os-version: windows-win8) { | |
| @media not (-moz-os-version: windows-win7) { | |
| hbox[flex="1"][part="innerbox"] { | |
| box-shadow: 0px 2px 12px -6px black !important; | |
| } | |
| .menu-iconic-left { | |
| margin: 0px 6px !important; | |
| } | |
| #BMB_bookmarksPopup menu[open] menupopup { | |
| transform: translateY(1px) !important; | |
| } | |
| } | |
| } | |
| } | |
| /* make menus adapt to theme */ | |
| menu, | |
| menuitem, | |
| menucaption { | |
| color: var(--toolbar-fgcolor) !important; | |
| } | |
| #context-navigation, | |
| #context-sep-navigation, | |
| .menupopup-arrowscrollbox { | |
| color: var(--toolbar-fgcolor) !important; | |
| background-color: var(--toolbar-bgcolor, Menu) !important; | |
| } | |
| menu[_moz-menuactive="true"]:not([disabled="true"]), | |
| menuitem[_moz-menuactive="true"]:not([disabled="true"]), | |
| menucaption[_moz-menuactive="true"]:not([disabled="true"]) { | |
| background-color: var(--toolbarbutton-hover-background, rgba(255,255,255,0.5)) !important; | |
| background-color: rgba(255,255,255,0.1) !important; | |
| } | |
| menu[disabled="true"], | |
| menuitem[disabled="true"], | |
| menucaption[disabled="true"] { | |
| color: var(--toolbarbutton-hover-background, rgba(127,127,127,0.5)) !important; | |
| } | |
| menu[disabled="true"][_moz-menuactive="true"], | |
| menuitem[disabled="true"][_moz-menuactive="true"], | |
| menucaption[disabled="true"][_moz-menuactive="true"] { | |
| background-color: transparent !important; | |
| } | |
| .panel-arrow { | |
| fill: var(--toolbar-bgcolor) !important; | |
| } | |
| [lwthemetextcolor="dark"] panelview:not([extension]), | |
| [lwthemetextcolor="dark"] .panel-arrowcontent { | |
| /*! background-color: #0080ff !important; */ | |
| } | |
| .panel-subview-body { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| #context-navigation, | |
| #context-sep-navigation { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| #downloadsPanel-mainView { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| #identity-popup-mainView { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| #identity-popup-content-blocking-detected { | |
| color: var(--toolbar-active-background) !important; | |
| } | |
| #identity-popup-permission-empty-hint { | |
| color: var(--toolbar-active-background) !important; | |
| } | |
| .identity-popup-warning-yellow { | |
| color: black !important; | |
| } | |
| panel:not([viewId^="PanelUI-webext"]) .panel-arrow { | |
| fill: var(--toolbar-bgcolor) !important; | |
| } | |
| .bookmark-item [class^="scrollbutton"] { | |
| background-color: var(--toolbar-bgcolor) !important; | |
| } | |
| /* HIDING THINGS */ | |
| #back-button, | |
| #forward-button { | |
| display: none !important; | |
| } | |
| #TabsToolbar, | |
| #sidebar-header, | |
| #titlebar { | |
| visibility: collapse !important; | |
| } | |
| /* #unified-extensions-button, #unified-extensions-button > .toolbarbutton-icon{ | |
| width: 0px !important; | |
| padding: 0px !important; | |
| } */ | |
| /* #nav-bar { | |
| margin-top: -8px; | |
| margin-right: 74px; | |
| margin-bottom: -4px; | |
| } */ | |
| /* User context menu */ | |
| #fxa-toolbar-menu-button { | |
| order: 1 !important; | |
| } | |
| /* Unified Extensions */ | |
| #unified-extensions-button { | |
| list-style-image: url("chrome://global/skin/icons/chevron.svg") !important; | |
| } | |
| #unified-extensions-panel .unified-extensions-item, | |
| .unified-extensions-item-icon, .unified-extensions-item-contents { | |
| min-height: 50px; | |
| } | |
| #unified-extensions-panel .unified-extensions-item .unified-extensions-item-action-button, | |
| .unified-extensions-item-action-button { | |
| overflow: visible !important; | |
| } | |
| .unified-extensions-item-message { | |
| padding-inline-start: 0px !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment