Precisa modificar o tema do gnome 3 para o navegador

Question

Comecei recentemente a usar o tema DarkGreen para o Gnome 3, no entanto, existem alguns problemas em algumas páginas da Web no FireFox em relação aos campos de entrada de texto. Isso acontece no campo de busca no Google, alguns campos no Facebook, etc ...

Este tema usa um fundo escuro e texto de cor clara para campos de entrada por padrão. Eu consegui modificar a cor de primeiro plano do texto de entrada com sucesso para os campos que nunca foram afetados (do branco ao cinza), mas isso não ajuda nos campos "quebrados". Eu também quero mudar a cor de fundo para todos os campos de entrada para branco, mas também não tenho sorte com isso.

Na pasta do tema, há uma pasta gtk com um arquivo css. Aqui estão os conteúdos relevantes, os comentários são o que eu mudei:

@define-color theme_base_color #202020;
@define-color theme_text_color #25DC00; /* #ffffff */
@define-color theme_bg_color #121212;
@define-color theme_fg_color @theme_text_color;
@define-color selected_bg_color #3E8753;
@define-color selected_fg_color #ffffff;
@define-color theme_selected_bg_color @selected_bg_color;

@define-color menu_bg_color #555555;
@define-color menu_fg_color @theme_text_color;

@define-color menu_combobox_border @theme_selected_bg_color;
@define-color menu_separator mix (@theme_bg_color, @menu_bg_color, 0.90);

@define-color insensitive_bg_color alpha(#0b0b0d, 0.0);
@define-color insensitive_fg_color alpha(#717171, 0.50);
@define-color insensitive_border_color alpha(#717171, 0.50);

@define-color entry_text_color /* #fafafa */ #707070;
@define-color entry_background_a #ffffff;
@define-color entry_background_b #ffffff;
@define-color entry_background_c #ffffff;
@define-color entry_background_d #ffffff; /* 121212 */

@define-color frame_color #707070;

Este arquivo CSS é a única coisa que eu precisaria mudar?

    

Answer 1

Estou sugerindo uma maneira diferente, específica para o Firefox, de alcançar o que você deseja.

Fechar (sair) todas as instâncias do Firefox.
Vá para a sua pasta de perfil. Está aqui: /home/your_name/.mozilla/firefox/randomstring.default
Lá, procure por uma subpasta chamada chrome . Se não existir, crie-o.
Se chrome existir, procure um arquivo chamado userContent.css . Caso contrário, crie um arquivo vazio com esse nome na pasta chrome .
Agora abra userContent.css com um editor de texto e cole neste código:% INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

Salve o arquivo (como texto sem formatação) e feche o editor de texto.
Reinicie o Firefox.
Agora você deve ter texto em preto sobre um fundo cinza claro. Você pode usar qualquer combinação de cores que preferir.

Notas: chrome e userContent.css fazem distinção entre maiúsculas e minúsculas e devem ser digitados corretamente.
As configurações aqui terão precedência sobre as do tema do SO e permanecerão as mesmas no Firefox, independentemente do tema do gtk para o qual você mudar.

(A propósito, talvez você esteja interessado na extensão elegante e em toda uma variedade de estilos criados por usuários e hospedados em userstyles.org.)

Editar:
Estou fornecendo alguns links relacionados a usuários que querem que o Firefox não seja influenciado pelo tema OS (gtk). Por favor, note que eu não verifiquei se as soluções sugeridas ainda funcionam ou não . Esses links são mais a título de background:
Como alguém pode fazer com que o Firefox ignore completamente o meu tema GTK?
Bug 70315 - texto em menus e caixas ilegíveis se estiver usando o tema escuro do GTK (para o Seamonkey)
< a href="http://forums.mozillazine.org/viewtopic.php?f=38&t=1359995"> Qualquer maneira de impedir o Firefox de usar as cores nativas do SO?

    

Answer 2

Encontrei o seguinte no ArchLinux Wiki , que pode ser aplicado diretamente ao problema Aqui. Eu encontrei o resultado para ser mais agradável do que o anterior de user25656.

A abordagem é a mesma: você cria /home/<your_name>/.mozilla/firefox/<randomstring>.default/chrome/userConent.css com o seguinte conteúdo:

input:not(.urlbar-input):not(.textbox-input):not(.form-control):not([type='checkbox']) {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

#downloads-indicator-counter {
    color: white;
}

textarea {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

select {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

(Eu não posso comentar devido à minha baixa reputação, é por isso que esta é uma nova resposta.)

    

Answer 3

Eu segui a sugestão de dd23, e principalmente funcionou, embora apenas para metade dos elementos confusos nas páginas afetadas. Eu encontrei um CSS diferente que parece funcionar um pouco melhor.

A propósito, você também pode usar o Stylish Firefox Add-On para aplicar este CSS.

/*
* Use this css file to eliminate problems in Firefox
* when using dark themes that create dark on dark
* input boxes, selection menus and buttons. Put this
* in the ../firefox/default/chrome folder or your
* individual user firefox profile chrome folder.
*/
input {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
textarea {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
select {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
input[type="radio"],
input[type="checkbox"] {
border: 2px inset white ! important;
background-color: white ! important;
color: ThreeDFace ! important;
-moz-appearance: none !important;
}
*|*::-moz-radio {
background-color: white;
-moz-appearance: none !important;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
border: 2px outset white;
background-color: #eeeeee;
color: black;
-moz-appearance: none !important;
}
body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
}

Solução do PabloTwo nos fóruns do Fedora . Isso também é mencionado no comentário 15 no relatório de erros do Mozilla . Sim, isso é um bug conhecido.