The text color for tabs is set via the ".tabbrowser-tab .tab-text {}" selector for all tabs. Choose your own color.

.tabbrowser-tab[selected="true"] .tab-text {
 color: rgb(x,x,x) !important;
}

.tabbrowser-tab:not([selected="true"]) .tab-text {
 color: rgb(x,x,x) !important;
}

Hi, Thanks for this. However I guess I wasn't clear about what I was trying to do. The TEXT color is fine as is. I want to be able to have the color of the selected tab itself different from the rest of the tabs. Is there a way to do that?

Much appreciated, Judy

Do you mean the background color of the tabs or the text color? The text color for the selected tabs and not selected tabs can be set via the code I posted sbove.

The background-color can be set on this selector:

/* background color for selected tab */
.tabbrowser-tab[selected="true"] { background-color: rgb(x,x,x) !important; }

/* background color for not selected tabs */
.tabbrowser-tab:not([selected="true"]) { background-color: rgb(x,x,x) !important; }

Add the code to the userChrome.css file below the default @namespace line.

• http://kb.mozillazine.org/userChrome.css
• https://www.userchrome.org/how-create-userchrome-css.html
• https://www.userchrome.org/what-is-userchrome-css.html

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

• https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close and restart Firefox when you create or modify the userChrome.css file.

OK. Getting closer. (I really appreciate this!) I meant the background color of the tabs. I tried the addition to the css file, but it only changes the background color of the tab when the cursor is actually ON the tab. And it's weird, because I set the RGB values to be darker for the unopened (not selected) tabs and lighter on the open (selected) tab. This did the opposite: the not-in-use tabs stayed the lighter of the two colors and the selected tab changed to the darker color, but only when the cursor was on it. Once I clicked on the tab it reverted to the lighter color. So once again the tabs all appear the same color unless the cursor is over any one of them. The RGB values I used were: dark—R190 G220 B196; and light—R212 G255 B223. Thanks for any help you can give!

Maybe add :hover styles as well.

.tabbrowser-tab[selected="true"]:hover .tab-text {
 color: rgb(x,x,x) !important;
}

.tabbrowser-tab:not([selected="true"]):hover .tab-text {
 color: rgb(x,x,x) !important;
}

See also:

• https://dxr.mozilla.org/mozilla-release/source/browser/themes/shared/tabs.inc.css

I'll try that. thanks. Not spending too much time on computer right now. Just had eye surgery 2 days ago and the world's a bit off kilter at the moment. Thanks again. I'll let you know how that works.