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
  • 11,950

2 Answers2

4

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.

Amazon Dies In Darkness
  • 9,990
DrMoishe Pippik
  • 37,887
0

Update: As of May 2025 Firefox has the "Tab groups"-feature built in as well.

I found a workaround using the Microsoft Edge Browser. Here, you can add tabs to a group and assign a color:

enter image description here

There are several add-ons for Firefox that mimic this behavior, unfortunately, in my case, they cause a conflict with one of my other add-ons, but I hope this will help other users.

Albin
  • 11,950