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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

userChrome.css Change tab text colour for INACTIVE window

  • 1 baphendule
  • 1 inale nkinga
  • 7 views
  • Igcine ukuphendulwa ngu Terry

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)

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.