We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

userChrome.css Change tab text colour for INACTIVE window

  • 1 antwoord
  • 1 het hierdie probleem
  • 9 views
  • Laaste antwoord deur 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.