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 cavab
  • 0 have this problem
  • Last reply by 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.

Chosen solution

I've now been given a solution:

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

This works very well.

Read this answer in context 👍 0

All Replies (2)

mail226
mail226 Question owner
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 Question owner
more options

Seçilmiş Həll

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?

Sual ver

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