userChromeQB.css (12599B) - View raw
:root { --tab-active-bg-color: #7FBBB3; --tab-inactive-bg-color: #272E33; --tab-active-fg-fallback-color: #2b3339; /* color of text in an active tab without a container */ --tab-inactive-fg-fallback-color: #888; /* color of text in an inactive tab without a container */ --urlbar-focused-bg-color: #374145; --urlbar-not-focused-bg-color: #1E2326; --toolbar-bgcolor: #272E33 !important; --tab-font: 'DejaVu Sans Mono'; --urlbar-font: 'DejaVu Sans Mono'; /* try increasing if you encounter problems */ --urlbar-height-setting: 22px; --tab-min-height: 16px !important; /* I don't recommend you touch this unless you know what you're doing */ --arrowpanel-menuitem-padding: 2px !important; --arrowpanel-border-radius: 0px !important; --arrowpanel-menuitem-border-radius: 0px !important; --toolbarbutton-border-radius: 0px !important; --toolbarbutton-inner-padding: 0px 2px !important; --toolbar-field-focus-background-color: var(--urlbar-focused-bg-color) !important; --toolbar-field-background-color: var(--urlbar-not-focused-bg-color) !important; --toolbar-field-focus-border-color: transparent !important; } /* --- GENERAL DEBLOAT ---------------------------------- */ /* Bottom left page loading status or url preview */ #statuspanel { display: none !important; } /* remove radius from right-click popup */ menupopup, panel { --panel-border-radius: 0px !important; } menu, menuitem, menucaption { border-radius: 0px !important; } /* no stupid large buttons in right-click menu */ menupopup>#context-navigation { display: none !important; } menupopup>#context-sep-navigation { display: none !important; } /* --- DEBLOAT NAVBAR ----------------------------------- */ #back-button { display: none; } #forward-button { display: none; } #reload-button { display: none; } #stop-button { display: none; } #home-button { display: none; } #library-button { display: none; } /* #fxa-toolbar-menu-button { display: none; } */ /* empty space before and after the url bar */ #customizableui-special-spring1, #customizableui-special-spring2 { display: none; } .private-browsing-indicator-with-label { display: none; } /* --- STYLE NAVBAR ------------------------------------ */ /* remove padding between toolbar buttons */ toolbar .toolbarbutton-1 { padding: 0 0 !important; } /* add it back to the downloads button, otherwise it's too close to the urlbar */ #downloads-button { margin-left: 2px !important; } /* add padding to the right of the last button so that it doesn't touch the edge of the window */ #PanelUI-menu-button { padding: 0px 4px 0px 0px !important; } #urlbar-container { --urlbar-container-height: var(--urlbar-height-setting) !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; font-family: var(--urlbar-font, 'monospace'); font-size: 14px; } #urlbar { --urlbar-height: var(--urlbar-height-setting) !important; --urlbar-toolbar-height: var(--urlbar-height-setting) !important; min-height: var(--urlbar-height-setting) !important; border-color: var(--lwt-toolbar-field-border-color, hsla(240, 5%, 5%, .25)) !important; } #urlbar-input { margin-left: 0.4em !important; margin-right: 0.4em !important; } #urlbar>.urlbar-input-container { padding: 0 !important; border: 0 !important; } #navigator-toolbox { border: none !important; } /* keep pop-up menus from overlapping with navbar */ #widget-overflow { margin: 3px !important; } #customizationui-widget-panel { margin: 3px !important; } #unified-extensions-panel { margin-top: 3px !important; } #appMenu-popup { margin-top: 3px !important; } /* --- UNIFIED EXTENSIONS BUTTON ------------------------ */ /* make extension icons smaller */ #unified-extensions-view { --uei-icon-size: 16px; } /* hide bloat */ .unified-extensions-item-message-deck, #unified-extensions-view>.panel-header, #unified-extensions-view>toolbarseparator, #unified-extensions-manage-extensions { display: none !important; } /* add 3px padding on the top and the bottom of the box */ .panel-subview-body { padding: 3px 0px !important; } #unified-extensions-view .toolbarbutton-icon { padding: 0 !important; } .unified-extensions-item-contents { line-height: 1 !important; white-space: nowrap !important; } #unified-extensions-panel .unified-extensions-item { margin-block: 0 !important; } .toolbar-menupopup :is(menu, menuitem), .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 { padding: 4px !important; } /* --- DEBLOAT URLBAR ----------------------------------- */ #pageActionButton { display: none; } #pocket-button { display: none; } #urlbar-zoom-button { display: none; } #tracking-protection-icon-container { display: none !important; } /* #reader-mode-button{ display: none !important; } */ /* #star-button { display: none; } */ /* #star-button-box:hover { background: inherit !important; } */ #urlbar-searchmode-switcher { display: none; } #searchmode-switcher-chicklet { display: none !important; } #identity-icon-box { margin-inline-end: 0 !important; padding: 0 4px !important; } /* Go to arrow button at the end of the urlbar when searching */ #urlbar-go-button { display: none; } /* remove container indicator from urlbar */ #userContext-label, #userContext-indicator { display: none !important; } /* --- STYLE TAB TOOLBAR -------------------------------- */ #titlebar { --proton-tab-block-margin: 0px !important; --tab-block-margin: 0px !important; } #TabsToolbar, .tabbrowser-tab { max-height: var(--tab-min-height) !important; font-size: 11px !important; } /* Change color of normal tabs */ tab:not([selected="true"]) { background-color: var(--tab-inactive-bg-color) !important; color: var(--identity-icon-color, var(--tab-inactive-fg-fallback-color)) !important; } tab { font-family: var(--tab-font, monospace); font-weight: bold; border: none !important; padding-top: 0 !important; } .tab-content { padding: 0 0 0 var(--tab-inline-padding); } .tab-background { margin-block: 0 !important; min-height: var(--tab-min-height); outline-offset: 0 !important; } /* safari style tab width */ .tabbrowser-tab[fadein] { max-width: 100vw !important; border: none } /* Hide close button on tabs */ #tabbrowser-tabs .tabbrowser-tab .tab-close-button { display: none !important; } /* disable favicons in tab */ /* .tab-icon-stack:not([pinned]) { display: none !important; } */ .tabbrowser-tab { /* remove border between tabs */ padding-inline: 0px !important; /* reduce fade effect of tab text */ --tab-label-mask-size: 1em !important; /* fix pinned tab behaviour on overflow */ overflow-clip-margin: 0px !important; } /* Tab: selected colors */ #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: var(--tab-active-bg-color) !important; color: var(--identity-icon-color, var(--tab-active-fg-fallback-color)) !important; } /* Tab: hovered colors */ #tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { background: var(--tab-active-bg-color) !important; } /* hide window controls */ .titlebar-buttonbox-container { display: none; } /* remove titlebar spacers */ .titlebar-spacer { display: none !important; } /* disable tab shadow */ #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) { box-shadow: none !important; } /* remove dark space between pinned tab and first non-pinned tab */ #pinned-tabs-container { margin-inline-end: 0 !important; } /* remove dropdown menu button which displays all tabs on overflow */ #alltabs-button { display: none !important } /* fix displaying of pinned tabs on overflow */ #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container { height: var(--tab-min-height) !important; } #tabbrowser-tabs { min-height: var(--tab-min-height) !important; } /* remove overflow scroll buttons */ #scrollbutton-up, #scrollbutton-down { display: none !important; } /* remove new tab button */ #tabs-newtab-button { display: none !important; } /* hide private browsing indicator */ #private-browsing-indicator-with-label { display: none; } /* --- AUTOHIDE NAVBAR ---------------------------------- */ /* :root { */ /* --uc-navbar-transform: calc(0px - var(--urlbar-height-setting)); */ /* } */ /**/ /* #navigator-toolbox > div { */ /* display: contents; */ /* } */ /**/ /* :root[sessionrestored] :where( */ /* #nav-bar, */ /* #PersonalToolbar, */ /* #tab-notification-deck, */ /* .global-notificationbox */ /* ) { */ /* transform: translateY(var(--uc-navbar-transform)); */ /* } */ /**/ /* :root:is([customizing], [chromehidden*="toolbar"]) :where( */ /* #nav-bar, */ /* #PersonalToolbar, */ /* #tab-notification-deck, */ /* .global-notificationbox */ /* ) { */ /* transform: none !important; */ /* opacity: 1 !important; */ /* } */ /**/ /* #nav-bar:not([customizing]) { */ /* opacity: 0; */ /* position: relative; */ /* z-index: 2; */ /* } */ /**/ /* #titlebar { */ /* position: relative; */ /* z-index: 3; */ /* } */ /**/ /* #navigator-toolbox, */ /* #sidebar-box, */ /* #sidebar-main, */ /* #sidebar-splitter, */ /* #tabbrowser-tabbox { */ /* z-index: auto !important; */ /* } */ /* Show when toolbox is focused, like when urlbar has received focus */ /* #navigator-toolbox:focus-within > .browser-toolbar { */ /* transform: translateY(0); */ /* opacity: 1; */ /* } */ /* /* Show when toolbox is hovered */ */ /* #titlebar:hover ~ .browser-toolbar, */ /* .browser-titlebar:hover ~ :is(#nav-bar, #PersonalToolbar), */ /* #nav-bar:hover, */ /* #nav-bar:hover + #PersonalToolbar { */ /* transform: translateY(0); */ /* opacity: 1; */ /* } */ :root[sessionrestored] #urlbar[popover] { opacity: 0; pointer-events: none; transform: translateY(var(--uc-navbar-transform)); } #mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts, #selection-shortcut-action-panel, #chat-shortcuts-options-panel, #tab-preview-panel))~toolbox #urlbar[popover], .browser-titlebar:is(:hover, :focus-within)~#nav-bar #urlbar[popover], #nav-bar:is(:hover, :focus-within) #urlbar[popover], #urlbar-container>#urlbar[popover]:is([focused], [open]) { opacity: 1; pointer-events: auto; transform: translateY(0); } /* This ruleset is separate, because not having :has support breaks other selectors as well */ #mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts, #selection-shortcut-action-panel, #chat-shortcuts-options-panel, #tab-preview-panel))~#navigator-toolbox>.browser-toolbar { transform: translateY(0); opacity: 1; } /* Move up the content view */ :root[sessionrestored]:not([chromehidden~="toolbar"])>body>#browser { margin-top: var(--uc-navbar-transform); } /* remove this annoying shit on the sidebar */ .tools-and-extensions.actions-list { display: none !important; } #picture-in-picture-button { display: none !important; } #star-button-box { display: none !important; } #reader-mode-button { display: none !important; } #translations-button { display: none !important; } #unified-extensions-button:hover #unified-extensions-view, #unified-extensions-view:hover { /* visibility: visible !important; */ /* opacity: 1 !important; */ display: none !important; } #sidebar-button { display: none !important; } #identity-icon, #identity-icon-box { display: none !important; } #context-take-screenshot, #context-savepage, #context-viewsource, #context-inspect, #context-openlink, #context-openlinkintab, #context-openlinkprivate, #context-savelink, #context-bookmarklink, #context-searchselect-private, #context-inspect-a11y, #context-searchselect, #context-translate-selection, #context-openlinkinusercontext-menu, #context-sep-open, #context-selectall { display: none !important; } *[id*="sep"], *[class*="sep"] { display: none !important; } #tabbrowser-tabbox { outline: none !important; box-shadow: none !important; }