Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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
  • 198 views
  • Last reply by cor-el

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)

Chosen Solution

I've done it this way:

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


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

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?

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