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

Pesquisar no site de suporte

Evite golpes de suporte. Nunca pedimos que você ligue ou envie uma mensagem de texto para um número de telefone, ou compartilhe informações pessoais. Denuncie atividades suspeitas usando a opção “Denunciar abuso”.

Saiba mais

Esta discussão foi arquivada. Faça uma nova pergunta se precisa de ajuda.

userChrome.css Change tab text colour for INACTIVE window

  • 1 resposta
  • 1 tem este problema
  • 9 visualizações
  • Última resposta de 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.

Todas as respostas (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.