1) Very importantly, hide the horizontal tab bar. You get some vertical screen space back, and you aren't distracted by two ways of showing the same tabs. You'll have to edit your userChrome.css (see e.g. http://kb.mozillazine.org/index.php?title=UserChrome.css&pri... for details on how to find it), and add something like this:
/* Hide tab bar in FF Quantum */
@-moz-document url("chrome://browser/content/browser.xul") {
#TabsToolbar {
visibility: collapse !important;
margin-bottom: 21px !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
visibility: collapse !important;
}
}
There are a few variations; this is the one that works well for me on Mac. The second block also hides the sidebar title for TST, which saves space in the tab bar.2) I customize the tabs themselves to make them more compact, thus letting me see more tabs. This CSS can be placed in the TST addon preferences under the "Advanced" section.
/* Compact tab layout */
:root { --tab-height: 20px !important; }
.tab { height: 20px !important; }
/* Shrink space between pinned tabs and tab bar, only when pins are present */
#tabbar[style*="margin"] { margin-top: 20px !important; }
/* Show title of unread tabs with red font */
.tab.unread .label {
color: red !important;
}
/* Add private browsing indicator per tab */
.tab.private-browsing .label:before {
content: " ";
}
I highly recommend this addon, and it's a major differentiator for me between Firefox and Chrome.