5

I'm trying to change the color of one or more tabs (not necessarily the one that is currently selected). At least the color needs to be in the area where the tab title is displayed, not sure what this bit is called:

enter image description here

The Pre-Quantum Firefox addons don't work anymore, is there any other way to do this? The color does not need to be persistent between sessions. The end goal is to visibly group contiguous tabs so I can easily differentiate between tab groups.

Note: I'm already using tree style etc. but I want the distinction in the tab bar as well.

Albin
  • 9,307
  • 11
  • 50
  • 89
  • 2
    @dsstorefile1 thanks... so at the moment there is no answer/solution... not good, but good to know! – Albin Sep 24 '18 at 09:02
  • Tree Style Tabs apparently makes use of the new Containers feature. I'm not that familiar with it, but you can directly play with containers. That might be a path to grouping on the top. https://support.mozilla.org/en-US/kb/containers?as=u&utm_source=inproduct – fixer1234 Sep 25 '18 at 05:17
  • thx, I'll have to look into it – Albin Sep 25 '18 at 10:13

1 Answers1

3

The easiest method to control tab appearance is with userChrome.css. How to Geek has a brief tutorial. The code below changes the color of the active tab and that of the tab where the mouse hovers to gradients.

/* Tab: selected colors */

#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: linear-gradient(to bottom,#88FF88,#FF88FF) !important; }

/* Tab: hovered colors */

#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { background: linear-gradient(to bottom,#FFFFFF,#888888) !important; }

There is also the Colorful Tabs extension.

Gerold Broser
  • 481
  • 6
  • 25
DrMoishe Pippik
  • 25,661
  • 4
  • 36
  • 54
  • I tried the Colorful Tabs extension, but as far as I understood it colors the tabs automatically, there is no way to assign a specific colour to an individual tab / to a group / to all tabs?! – Albin Sep 23 '18 at 23:13
  • I tried to edit the userChrome.css, the test worked well, thanks. Although I'm not sure you're code does what I want. I want to change the color for example of a specific tab out of all the tabs that are currently open. The code you posted does not do that, does it!? – Albin Sep 23 '18 at 23:27
  • Regrettably, no... I don't know of a way to change the color of a *particular* tab, after they're loaded, other than those hovered or active. BTW, it would be useful to *raise* a tab, i.e. make it active, on hover, as Tab Mix Plus did -- but I believe that is no longer possible since the Quantum step backwards. – DrMoishe Pippik Sep 24 '18 at 18:12
  • dsstorefile1 pretty much said it, no individual coloring, but if you have another idea I wrote down what the goal in the end should be (see question). – Albin Sep 24 '18 at 19:13