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

userChrome.css Change tab text colour for INACTIVE window

  • 1 reply
  • 1 has this problem
  • Last reply by TerryN21

more options


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:

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?


All Replies (1)

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.


Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.