This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I change the colour of the text in the active tab?

  • 2 ŋuɖoɖowo
  • 0 masɔmasɔ sia le wosi
  • Nuɖoɖo mlɔetɔ mail226

mail226
mail226
more options

Thanks to the help received here and in the Reddit group I've been able to transfer almost all of my old colour and layout tweaks to a new intallation of Firefox (v133) on a new PC (running Windows 10). There's one thing that I haven't succeeded with though: I'd like to change the colour of the text in a tab when that tab becomes the active one.

This is the coding I'm using to change the tab's background colour when it's selected:

  1. TabsToolbar .tab-background[selected]{

background: white !important; }

This works perfectly. But when I tried adding the line

color: black !important;

It had no effect. I'd be grateful for any thoughts. Many thanks.

Thanks to the help received here and in the Reddit group I've been able to transfer almost all of my old colour and layout tweaks to a new intallation of Firefox (v133) on a new PC (running Windows 10). There's one thing that I haven't succeeded with though: I'd like to change the colour of the text in a tab when that tab becomes the active one. This is the coding I'm using to change the tab's background colour when it's selected: #TabsToolbar .tab-background[selected]{ background: white !important; } This works perfectly. But when I tried adding the line color: black !important; It had no effect. I'd be grateful for any thoughts. Many thanks.

Ŋuɖoɖo si wotia

I've now been given a solution:

/* tab label */ [hash]TabsToolbar .tabbrowser-tab:is([selected],[multiselected]) label { color: black  !important; }

This works very well.

Xle ŋuɖoɖo sia le goya me 👍 0

All Replies (2)

mail226
mail226 Biabia la
more options

Sorry, for some reason I can't edit my previous post. The line that starts 1. TabsToolbar... Should actually begin with a hash: [hash]Tabs Toolbar.... Apologies.

Helpful?

mail226
mail226 Biabia la
more options

Ɖɔɖɔɖo si wotia

I've now been given a solution:

/* tab label */ [hash]TabsToolbar .tabbrowser-tab:is([selected],[multiselected]) label { color: black  !important; }

This works very well.

Helpful?

Bia biabia

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.