Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

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

  • 2 replies
  • 0 have this problem
  • 117 views
  • Last reply by mail226

mail226
mail226

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

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.

mail226
mail226 Question owner

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.