Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Ulteriori informazioni

Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.

userChrome.css Change tab text colour for INACTIVE window

  • 1 risposta
  • 1 ha questo problema
  • 23 visualizzazioni
  • Ultima risposta di 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.

Tutte le risposte (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.