Hacker News Reader

Comment by Kim_Bruning | Hacker News Reader

As long as tree style tabs still works , it's all good.

This is the feature firefox needs to be in the default browser. All these tweaks to the top tab thingy is just a band-aid on the fire.

Works but looks differently with less emphasis on the current tab.

I haven’t gotten used to it yet, but oh well.

Isn't that a user preference? I remember after some upgrade a few months (maybe a year?) ago that the current tab was also de-emphasized and I changed the highlight color as it didn't seem to be changing itself back in the next release (i.e. not just a bug) although it never manifested on my private laptop which runs the same setup.

Edit: Apparently you need to set custom CSS for this. You might need to enable Expert Options at the top of the preferences screen. I've got:

    .tab.active {
      background-color: #371737;
    }
    .tab:hover {
      background-color: #600;
    }

These colors are I think slightly more obvious than the default was; just toy with the values a little (lower is less color / darker and vice versa). Not sure if this part of my CSS is also relevant / needed to work well with these colors:

    #tabbar {
      background-color: #000;
    }
    .tab {
      background-color: #171717;
    }

Do you use it along with the regular tabs ?

I liked the tree style tabs but didn't want to have two components basically doing the same thing taking up my screen space. I don't know if there was a way to hide the regular tabs.

I can hide the whole tab bar when using TST, but doing so will also hide the window buttons (minimize/maximize/close), which is annoying.

It's been a while since I used a Mac so I can't speak to that, but this is categorically NOT the case on my Linux (Kubuntu) and Windows machines.

I have TST enabled with the "regular" tab bar disabled, and can very much still see/use the window buttons.

Can you share your style? This is what I use on Windows

    #TabsToolbar {
       visibility: collapse;
    }

    #titlebar {
        visibility: collapse;
    }

and the result:

https://i.imgur.com/0DxPCvE.png

Sure, this is what I use on both machines:

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

It's probably worth noting that I've also set "browser.tabs.drawInTitlebar" option to "false" in about:config.

I think there's a standard Firefox preference to un-merge the tab bar and window bar. Maybe that would help?

I can't find that option, do you know where it is?

Menu → More Tools → Customize toolbar

Then click the "title bar" checkbox at the bottom left.

A checkbox labeled "Title Bar" at the bottom of the customize window

A while ago I did this when on Mac - keeps it compact on a single line.

https://gist.github.com/drcharris/0830ff4da063c68b0ceed415d8...

I used to use tree-style tabs with the normal tab bar hidden. I've moved off Firefox so no guarantee the new big update hasn't broken this, but I used the following userChrome.css (if you're unfamiliar with that then check out https://www.userchrome.org)

    /* Hide tab bar in FF Quantum */
    @-moz-document url("chrome://browser/content/browser.xhtml") {
      #TabsToolbar {
        visibility: collapse !important;
        margin-bottom: 21px !important;
      }

      #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
        visibility: collapse !important;
      }
    }

I think I probably got it from here: https://www.reddit.com/r/FirefoxCSS/comments/d4hx49/ff69/

Edit: More authoritative source shared in the comments which is probably a better starting point (and has loads of other configuration too): https://github.com/piroor/treestyletab/wiki/Code-snippets-fo...

I just tested this on the newest release and it works! I was looking for something like this. Thank you :)

(It does seem to hide the min/max buttons on the left, but I don't use those anyways)

A great deal of customization can be done. The TST GitHub wiki has a nice page dedicated to these tweaks, you may be able to find what you need there:

https://github.com/piroor/treestyletab/wiki/Code-snippets-fo...

Nice! I edited that link into my comment higher up the thread too, definitely a better starting point for someone than the random reddit thread I linked!

If only tabs were the only design problem with the last two releases.

Reply on news.ycombinator.com