Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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.

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 balasan
  • 3 ada masalah ini
  • 1 paparan
  • Balasan terakhir oleh 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

Penyelesaian terpilih

I've done it this way:

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


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

Baca jawapan ini dalam konteks 👍 0

All Replies (3)

more options

Penyelesaian Terpilih

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).