Skip to content

Instantly share code, notes, and snippets.

@abhinav

abhinav/userChrome.css

Last active November 6, 2025 04:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save abhinav/00c2053b750b72e2d43bcf1652b5fb66 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save abhinav/00c2053b750b72e2d43bcf1652b5fb66 to your computer and use it in GitHub Desktop.
Download ZIP
Firefox Hide native tab bar if Sidebery is enabled
Raw
userChrome.css
/*
This is a userChrome for Firefox
that hides the native tab bar,
but only if the Sidebery bar is enabled.
Instructions:
1. Enable loading of userChrome in Firefox:
1.1 Go to about:config
1.2 Search for toolkit.legacyUserProfileCustomizations.stylesheets
1.3 Set it to true
2. Configure Sidebery to use the preface
2.1 Go to Sidebery settings
2.2 Go to help
2.3 Set *Preface value* to "sidebery"
and enable *Add preface to the browser window's title*
3. Install the custom style
3.1 In the Firefox menu, go to Help > More Troubleshooting Information
3.2 Search for *Profile Folder* on the page, and open that directory
3.3 Inside the Profile Folder, create a "chrome" directory if it doesn't exist
3.4 Inside the chrome directory, create a "userChrome.css" file if it doesn't exist
3.5 Copy the contents below to userChrome.css
4. Restart Firefox
Related links:
- https://github.com/mbnuqw/sidebery
*/
#main-window[titlepreface*="sidebery"] #TabsToolbar {
display: none;
}
@xphir
Copy link

xphir commented Jun 29, 2025

There are some minor issues with this approach on macOS, particularly around the window controls. These can be avoided by using vertical tabs instead of horizontal tabs, and targeting #sidebar-main instead of #TabsToolbar, like so:

#main-window[titlepreface*="sidebery"] #sidebar-main {
  display: none !important;
}

More context: https://gist.github.com/xphir/f174d4d6270fd8fbff6c3d37fffae051

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