Hacker News new | ask | show | jobs
by CWuestefeld 3134 days ago
What's unusable about the new tree style tabs?

I'll grant that the new responsiveness of FF makes TST feel much better. But there's one thing that's constantly giving me headaches. I don't feel like the highlighting given to the currently-selected tab is in-your-face enough, so that I'm always scanning up and down the tree trying to see which one it is. The other formatting options it used have were nice, but being able to at least make the selected tab's title bold was a big deal for me.

I realize that this is technically possible in the new regime via userChrome.css. However, the element classes are completely undocumented so I have no idea how to accomplish it.
1 comments
DiThi 3134 days ago
Adjust the gamma of your screen. I see a distinct shade of grey-ish blue that I can see even when looking at the other side of the window. If that's not the problem, ask TST author since that should be fixable in the addon.
link
CWuestefeld 3133 days ago
My screen is calibrated, it's not that anything is displayed wrong. I just want it to be more obvious.

Before FF57, I was able to set the font and background color for tabs depending on their status (current, inactive, unread, etc.), and that's what I want now. IIRC, this was actually a feature of Tab Mix Plus.

It's clear that this is still possible even without TMP, but requires putting code in userChrome.css. That would be fine with me, if I could just find any documentation on what element classes (or whatever would be the most appropriate selectors) I need to reference.

link
DiThi 3133 days ago
I did some digging for you in the browser console. userChrome.css can't touch TST's content. TST is in a separate document (sidebar.html). I'm sure the tabs in TST aren't the actual browser tabs, but they're made to look exactly the same as before. Talk to TST's author, or modify the addon yourself, it must have a CSS file, the tabs are "li.tab" (<li> elements, tab class). The active one is "li.tab.active".

    document.querySelector('#sidebar')._contentWindow[0].document.querySelectorAll('.tab.active')
link
CWuestefeld 3130 days ago
Thanks. Actually, it turns out that the latest version contains a mini-editor for the appropriate file (whichever it is). And it includes a link [1] to further documentation about what to do with it.

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

link