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

Change color of tab when selected

  • 3 replies
  • 3 have this problem
  • 1 view
  • Last reply by cor-el

more options

I'm using windows 8.1 black theme, and needed to change the headings from gray to white with uxstyle. Since then my firefox uses for tab background black color and also for their label. I made this script to change color of tabs from black to white:

.tabbrowser-tab .tab-label { color: white !important; }

But now the selected tab is white with white label. Is there a way to change color of selected tab too? If yes how can I do it?

Thanks

I'm using windows 8.1 black theme, and needed to change the headings from gray to white with uxstyle. Since then my firefox uses for tab background black color and also for their label. I made this script to change color of tabs from black to white: .tabbrowser-tab .tab-label { color: white !important; } But now the selected tab is white with white label. Is there a way to change color of selected tab too? If yes how can I do it? Thanks

Chosen solution

I've done it this way:

.tabbrowser-tab .tab-label { color: white; !important; }


.tabbrowser-tab[selected] .tab-label{ color: black; !important; }

Read this answer in context 👍 0

All Replies (3)

more options

Chosen Solution

I've done it this way:

.tabbrowser-tab .tab-label { color: white; !important; }


.tabbrowser-tab[selected] .tab-label{ color: black; !important; }

more options

I tried what you said but it doesn't change the entire tab color. It only changes part of the tab color, not all of it. I'd like to change the entire background color, just leaving the borders (to identify the selected tab) Do you know how to do it?

more options

You can look at the Classic Theme Restorer to see how this extension achieves this (XPI is a ZIP archive).