I'm trying to change the colour of one or more tabs (not necessarily the one that is currently selected). It need to be at least the bit where the tab title is displayed, not sure how it's called.

enter image description here

The Pre-Quantum Firefox addons don't work any more, is there any other way to do it? The colour does not need to persistent be between sessions. By the way the goal in the end is to visibly group contiguous tabs. I want it to be easy to differentiate between the tab groups (I'm already using tree style etc. but I want the distinction in the tab bar as well).

  • 1
    Setting individual tab colors is not possible for now: bugzilla.mozilla.org/show_bug.cgi?id=1320585 – dsstorefile1 Sep 24 '18 at 7:46
  • 1
    @dsstorefile1 thanks... so at the moment there is no answer/solution... not good, but good to know! – Albin Sep 24 '18 at 9: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. support.mozilla.org/en-US/kb/… – fixer1234 Sep 25 '18 at 5:17
  • thx, I'll have to look into it – Albin Sep 25 '18 at 10:13

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.

  • 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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.