userChrome.css Change tab text colour for INACTIVE window
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)
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.