Skip to content

Instantly share code, notes, and snippets.

@tavi-vi
Last active February 10, 2023 06:22
Show Gist options
  • Select an option

  • Save tavi-vi/fc45f82d6e721ab4459bc49ba896beb1 to your computer and use it in GitHub Desktop.

Select an option

Save tavi-vi/fc45f82d6e721ab4459bc49ba896beb1 to your computer and use it in GitHub Desktop.
My userChrome.css for firefox 97
#titlebar {
appearance: none !important;
}
#tabbrowser-tabs {
--tab-min-height: 30px;
--proton-tab-block-margin: 0;
--tab-border-radius: 0;
}
.tab-background {
box-shadow: none !important;
}
#tabbrowser-tabs .tab-background > .tab-context-line {
margin: 0 !important;
}
#scrollbutton-up, #scrollbutton-down {
padding: 0 !important;
}
.tab-background {
margin-block: 0 !important;
}
hbox.tab-secondary-label {
display: none !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
opacity: 0;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
opacity: 1 !important;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
height: 2.2em !important;
}
@tavi-vi
Copy link
Author

tavi-vi commented Mar 2, 2022

This approximates the old compact style. Tabs don't have drop shadows, there's less whitespace in the tab bar. I use the (now unsupported) compact view, so I haven't tested it with other view styles, caveat emptor.

You can edit the "height" property at the end to adjust the size of the tabs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment