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 valiny
  • 0 manana an'ity olana ity
  • Valiny farany nomen'i 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.

Vahaolana nofidina

I've now been given a solution:

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

This works very well.

Hamaky an'ity valiny ity @ sehatra 👍 0

All Replies (2)

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?

more options

Vahaolana Nofidina

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?

Mametraha fanontaniana

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