Altere o tema do Firefox localmente com CSS (sem qualquer extensão)

Question

Eu tenho algumas modificações que quero fazer SEM instalar extensões .

por exemplo: largura máxima da guia e altura do menu,

Nas versões anteriores, você poderia fazer isso por:

about:config ->browser.tabs.tab.maxWidth

Desde o FF4, isso deve ser feito com CSS. Agora eu pesquisei o tema padrão:

C:\Users\wetcat\AppData\Roaming\Mozilla\Firefox\Profiles\feriz.default
and
C:\Program Files (x86)\Mozilla Firefox

No segundo, consegui encontrar a extensão - > tema, mas sem qualquer CSS. No AppData não encontrei nenhuma pasta CSS ou tema.

ONDE é o arquivo para criar ou alterar o CSS ??

Estou usando o Firefox 11.

    

Answer 1

Vá para o diretório do seu perfil de usuário do Firefox. Lá, abra a pasta chrome (crie-a se ela não existir) e renomeie userChrome-example.css para userChrome.css (ou crie uma cópia e renomeie-a, como diz diretamente no arquivo).

Adicione o seguinte CSS ao arquivo userChrome.css :

.tabbrowser-tab:not([pinned]) {
   max-width: 100px !important;
}

Salvar e pronto.

Alguns comentários sobre o assunto mencionam que todas as alterações do CSS têm algumas falhas, em comparação com as anteriores preferências. No meu sistema, as guias à direita (e o novo botão da guia) não deslizam para a esquerda quando fecho uma guia no lado esquerdo.

    

Answer 2

O arquivo CSS não está presente no início, você tem que criá-lo.

C:\Program Files\Firefox\defaults\profile\userChrome-example.css

É um exemplo de arquivo userChrome.css, depois de adicionar o CSS, salve o arquivo como userChrome.css em

C:\Users\wetcat\AppData\Roaming\Mozilla\Firefox\Profiles\feriz.default\chrome