Skip to content

Instantly share code, notes, and snippets.

@0x715C

0x715C/tree_style_tab_firefox.md

Forked from ruanbekker/tree_style_tab_firefox.md
Created March 13, 2023 03:27
Show Gist options
  • Save 0x715C/9de2a36d1aa224cfc062cf0b6f08a548 to your computer and use it in GitHub Desktop.
Save 0x715C/9de2a36d1aa224cfc062cf0b6f08a548 to your computer and use it in GitHub Desktop.
Download ZIP
Hide Native Tabs with Tree Style Tabs for Firefox
Raw
tree_style_tab_firefox.md

AddOn:

  1. Go to about:support in your address bar
  2. Look for your profiles directory and open it:

image

  1. Create a file named chrome/userChrome.css in your profile directory:

mkdir chrome && touch chrome/userChrome.css

  1. Populate the following css code:
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
  opacity: 0;
  pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  display: none;
}
.tab {
  margin-left: 1px;
  margin-right: 1px;
 }
  1. Then go to about:config in your address bar and set this to true:
  • toolkit.legacyUserProfileCustomizations.stylesheets
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment