Altere a cor do painel do firefox usando userChrome.css

Question

Estou usando dois perfis diferentes do Firefox e preciso distingui-los. Eu gostaria de modificar um deles, para que o painel tenha cores diferentes. Eu não quero instalar nenhum addon ou tema adicional, eu gostaria de conseguir isso usando userChrome.css .

Encontrei o site , onde eles descrevem os vários componentes / elementos. Mas não consigo encontrar o que muda a cor de todo o painel superior.

No momento, eu não tenho nenhum tema instalado, e o Firefox está usando a aparência "Padrão", que na verdade apenas assume cores do meu ambiente (Openbox).

Eu tentei adicionar o seguinte em userChrome.css , mas ele muda apenas a cor do menu:

menubar {
  background-color: red;
}

Como posso alterar a cor de todo o painel (menu + barra de ferramentas + ...)

UPDATE:

O seguinte código sugerido por @Srinidhi funciona bem, mas não colore toda a janela:

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: rgb(102,66,60) !important;
}

Como posso colorir a janela inteira, incluindo o plano de fundo do menu ou janelas pop-up, como quando eu clico em Edit -> Preferences ?

    

Answer 1

Você precisa do seguinte:

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: red !important;
}

Testei isso no Firefox 28. Com essa alteração, as guias individuais não serão coloridas em vermelho. Se você quiser mesmo aqueles em vermelho, adicione isso:

.tabbrowser-tabs * {
  background-image: none !important;
  background-color: red !important;
}

Se você não usar background-image , ainda verá as bordas da guia, que na verdade é uma imagem.

    

Answer 2

1. about: config

2. browser.uiCustomization.state

3. "dirtyAreaCache": [...]

4. barlabel {background: sólido rgba (0, 0, 0, 0)! important;}