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.

Avatar for Username

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

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

userChrome.css Change tab text colour for INACTIVE window

  • 1 reply
  • 1 has this problem
  • 3 views
  • Last reply by Terry

mozilla203
mozilla203
more options

Hello,

I am trying to create a custom userChrome.css for Firefox 85 to fix the poor contrast of text on inactive tabs on KDE Plasma with the Breeze colour scheme.

I want the text of an inactive tab on the active window to be the colour white.

I want the text of an inactive tab on an inactive window to be the colour black.

I tried the following in userChrome.css:

.tabbrowser-tab:not([selected="true"]) .tab-text { 

 color:white !important;

}

.tabbrowser-tab:not([selected="true"]) .tab-text2 { 

 color:black !important;

}

The first block of CSS works and I get white correctly on an inactive tab on an active window. The second block of CSS does not work and I do not get black text on an inactive tab on an inactive window.

I used "tab-text2" because it was described here: https://support.mozilla.org/en-US/questions/1017404

Has "tab-text2" been deprecated and replaced with something else in newer versions of Firefox? How do I specify the tab text colours for an inactive window?

Thanks.

Hello, I am trying to create a custom userChrome.css for Firefox 85 to fix the poor contrast of text on inactive tabs on KDE Plasma with the Breeze colour scheme. I want the text of an inactive tab on the active window to be the colour white. I want the text of an inactive tab on an inactive window to be the colour black. I tried the following in userChrome.css: .tabbrowser-tab:not([selected="true"]) .tab-text { color:white !important; } .tabbrowser-tab:not([selected="true"]) .tab-text2 { color:black !important; } The first block of CSS works and I get white correctly on an inactive tab on an active window. The second block of CSS does not work and I do not get black text on an inactive tab on an inactive window. I used "tab-text2" because it was described here: https://support.mozilla.org/en-US/questions/1017404 Has "tab-text2" been deprecated and replaced with something else in newer versions of Firefox? How do I specify the tab text colours for an inactive window? Thanks.

All Replies (1)

Terry
Terry
more options

In the example to which you refer, there is only one statement; you have split it into two. The writer also uses the same color (so I'm not sure why he needed to specify it twice). There have been a lot of changes with css since 2014. You will have to search for 'tab-text' and 'tab-text2'. You could ask on the Reddit FirefoxCSS channel about how to achieve what you want.