commit 0dcd5d2e2feb6ad5feee58e09f044687a7420ace Author: Juhani Krekelä Date: Sat Jun 5 14:54:08 2021 +0300 First commit diff --git a/userChrome.css b/userChrome.css new file mode 100644 index 0000000..15b2c42 --- /dev/null +++ b/userChrome.css @@ -0,0 +1,71 @@ +/* Built based on https://github.com/black7375/Firefox-UI-Fix/tree/photon-style */ +@media (-moz-proton) { + /* 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); + } +}