wynnchel/tree_style_tab_firefox.md

Forked from ruanbekker/tree_style_tab_firefox.md

Created November 19, 2022 10:25

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/wynnchel/66a1b6018d77e5831f91d658269037ac.js"></script>
Save wynnchel/66a1b6018d77e5831f91d658269037ac 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:

https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/

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

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

mkdir chrome && touch chrome/userChrome.css

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;
 }

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