Better browser UX, in my strongly-held opinion, starts with vertical tabs. With horizontal tabs, you can have maybe 6 to 8 tabs open before things tabs get difficult to manage or track. With vertical, nested tabs; links that open in a new tab are automatically made a child tab. From that you can infer structure and context more easily than horizontal tabs. Then you add colours to indicate different sites and now you…
In the Tree Style Tab options page, there's an Advanced section that has a live-reloading user style sheet section. Very cool for testing out font choices without restarting the browser.
I've changed mine to use Apple's really nice SF Pro font, condensed. Somehow the Iosevka Mono that I use everywhere didn't look quite right on the tab titles.
The CSS:
:root.sidebar tab-item.unread .label-content {
font-style: italic !important;
}
:root.sidebar tab-item {
font-family: "SF Pro" !important;
font-stretch: condensed !important;
font-weight: 300 !important;
}
:root.sidebar tab-item.active .label-content {
font-weight: 500 !important;
}
Same link as my previous comment now has a screenshot of the result of that CSS: https://gist.github.com/aclarknexient/88673880d373864eee1927...