/* Built based on https://github.com/black7375/Firefox-UI-Fix/tree/photon-style */ /* Make tab bar shorter */ #TabsToolbar { --tab-min-height: 33px !important; } #scrollbutton-up, #scrollbutton-down { padding-top: 0px !important; padding-bottom: 0px !important; } /* Make selected tab join the toolbar */ .tab-background { border-radius: 0px !important; margin: 0px !important; } .tabbrowser-tab[visuallyselected] { border-width: 1px 1px 0px 1px !important; border-style: solid !important; border-color: hsla(240,5%,5%,.35) !important; } /* No space between tabs */ .tabbrowser-tab { padding: 0px !important; border: 0px !important; } /* Put faint lines between tabs */ .tabbrowser-tab::before { content: ""; display: block; border-right: 1px solid hsla(240,5%,5%,.35) !important; margin-block: 5px 5px !important; } .tabbrowser-tab[visuallyselected]::before, .tabbrowser-tab[visuallyselected] + .tabbrowser-tab::before, .tabbrowser-tab:first-of-type::before { border-right: none !important; } /* Disable media labels */ .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){ display: none !important; } /* Always show favicon */ .tab-icon-image { opacity: 1 !important; } /* Move tab overlay icons to be an overlay */ .tab-icon-overlay { top: -3.5px !important; left: 9px !important; width: 20px !important; height: 20px !important; z-index: 1 !important; opacity: 1 !important; } /* Show PIP icon */ .tab-icon-sound[pictureinpicture] { display: -moz-inline-box !important; width: 14px; height: 14px; list-style-image: url(chrome://global/skin/media/picture-in-picture-open.svg); }