diff options
| -rw-r--r-- | chrome/userChrome.css | 206 |
1 files changed, 40 insertions, 166 deletions
diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 6110bbc..a446b19 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -31,184 +31,58 @@ --secondary-tab-color: var(--red); --secondary-tab-text-color: var(--fg); --url-bg: var(--black); -} -#TabsToolbar > .titlebar-buttonbox-container { - visibility: collapse !important; -} + /* override colors */ + + --tab-selected-bgcolor: var(--accent-color) !important; + --tab-selected-outline-color: var(--secondary-accent-color) !important; -:root { - --navbarWidth: 40vw; - --animationSpeed: 0.5s; + --toolbar-field-background-color: var(--bg) !important; + --toolbar-bgcolor: var(--black) !important; + --toolbar-color: var(--fg) !important; + --toolbarbutton-outer-padding: 0 0 !important; + + --toolbox-bgcolor: var(--black) !important; + --toolbox-bgcolor-inactive: var(--black) !important; + + --inactive-titlebar-opacity: 0.5 !important; } -#TabsToolbar { - margin-left : var(--navbarWidth) !important; -} +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])[orient="horizontal"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { + margin-inline-start: unset !important; +}} +/* hide tabs when not in focus */ #nav-bar { - margin-right: calc(100vw - var(--navbarWidth)) !important; - background-color:var(--red); + :root[tabsintitlebar] &, :root[tabsintitlebar] & #urlbar:popover-open { + &:-moz-window-inactive { + display: none; + } + } } #urlbar-container { - min-width : 0px !important; - background-color: var(--bg) !important; + margin-inline: 0px !important;; } -:root[uidensity="compact"] #nav-bar { - margin-top : -37px !important; - height : 37px !important; +/* +.browser-toolbar { + background-color: var(--black); } - -:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar { - margin-top : -44px !important; - height : 44px !important; -} - -:root[uidensity="touch"] #nav-bar { - margin-top : -49px !important; - height : 49px !important; -} - -/* URL dropdown*/ -.urlbarView-title { - color: var(--white) !important; -} -.urlbarView { - background-color: var(--bg) !important; -} -.urlbarView-url { - color: var(--fg) !important; -} - -/* //URL dropdown*/ - -/* Back Hide */ -#back-button[disabled="true"] { display: none !important } - -/* Forward Hide */ -#forward-button[disabled="true"] { display: none !important } - -/* Site information button */ -#identity-box { display: none !important } - -/* "Shield" icon */ -#tracking-protection-icon-container { display: none !important } - -#nav-bar { - background : var(--bg) !important; - box-shadow : none !important; -} - -#navigator-toolbox { - border : none !important; -} - -.titlebar-spacer { - display : none !important; -} - #urlbar-background { - border : var(--bg) !important; -} - -#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background { - box-shadow : none !important; - background : var(--black) !important; -} - - -/* Element Hiding stuff */ - -.urlbar-icon, #userContext-indicator, #userContext-label { - fill : transparent !important; - background : transparent !important; - color : transparent !important; -} - -#urlbar:hover .urlbar-icon, -#urlbar:active .urlbar-icon, -#urlbar[focused] .urlbar-icon { - fill : var(--yellow) !important; -} - -/*================== TABS BAR ==================*/ - -#titlebar #TabsToolbar { - background: var(--bg) !important; -} - - -#PersonalToolbar { - background: var(--black) !important; - color: var(--black-light) !important; - padding-bottom: 6px !important; - padding-top: 1px !important; -} - -toolbar#nav-bar { - background: var(--bg) !important; - box-shadow: none !important; - padding-bottom: 4px !important; -} - -/*================ DARK THEME ================*/ -:root:-moz-lwtheme-brighttext, -.sidebar-panel[lwt-sidebar-brighttext], -body[lwt-sidebar-brighttext] { - --main-bgcolor: var(--bg); - --transparent-bgcolor: var(--bg); -} - -tab[selected="true"] .tab-content { - color: var(--secondary-accent-color) !important; -} - -tab[selected="true"] .tab-background { - background: var(--accent-color) !important; -} - -.tabbrowser-tab>.tab-stack>.tab-background:not([selected="true"]) { - transition: all 0.3s ease !important; -} - -.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]) { - background-color: var(--bg) !important; -} - -.tab-line { - height: 0px !important; -} - -.tabbrowser-tab { - margin-right: 5px !important; -} - -.tabbrowser-tab:not([visuallyselected="true"]), -.tabbrowser-tab:-moz-lwtheme { - color: rgba(var(--red), 1) !important; -} - -tab[selected="true"] .tab-content { - color: var(--accent-color) !important; -} - -tab[selected="true"] .tab-background { - background: var(--accent-color) !important; -} - -.tabbrowser-tab::after, -.tabbrowser-tab::before { - border-left: 0 !important; - opacity: 0 !important; -} - -.tab-close-button { - transition: all 0.3s ease !important; - border-radius: 4px !important; + background-color: var(--bg); } +*/ -.tabbrowser-tab .tab-label { color: var(--fg) !important; } -.tabbrowser-tab[selected="true"] .tab-label { color: var(--bg) !important; } -.tab-close-button { fill: var(--fg) !important } +/* nav bar */ +#back-button, +#forward-button, +#unified-extensions-button, +/* tabs */ +.tab-close-button, +#tabbrowser-arrowscrollbox-periphery, +.titlebar-spacer, +.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"], +.titlebar-buttonbox-container { + display: none !important; +}
\ No newline at end of file |