O Firefox 57 mostra caixas de entrada escuras / menus suspensos com texto escuro em temas escuros do Gnome

Pergunta original (apenas sobre caixas de entrada):

Eu uso o tema Arc-Dark no Ubuntu Gnome, e sei que esse problema também existia em versões mais antigas do Firefox, mas ele poderia ser corrigido com esse script Stylish (que não era uma grande solução por si só, pois apertava o botão Downloads).

Agora, o script não funciona mais, e eu estava pensando em denunciá-lo à Mozilla, mas eles realmente não têm um repositório do GitHub para o próprio Firefox, apenas para componentes separados, então eu realmente não sei onde devo abrir o arquivo. questão.

Existe uma correção temporária para isso? E alguém que sabe como fazê-lo adequadamente pode relatar o problema à Mozilla ou ao projeto Gnome (não sei o que seria mais apropriado)?

Editar:

Enquanto nas respostas você pode encontrar uma solução temporária para as caixas de entrada, o mesmo texto escuro no problema de fundo escuro parece acontecer nos menus suspensos (nem todos, porém, o que é estranho, podem estar relacionados a diferentes técnicas de HTML / CSS para crie-os) e, como não é muito discutido, mas provavelmente os dois problemas estão vinculados, eu o adiciono a esta pergunta. A maneira de corrigi-lo é provavelmente semelhante aos fornecidos abaixo, apenas com uma entrada diferente userContent.css, mas seria bom se alguém fornecesse aqui. Vou editar minha própria resposta se tiver tempo para descobrir por mim mesma.

Edição 2:

Parece que alguns botões são pretos em preto em alguns sites. Aqui está um exemplo : para ver os botões, selecione "novo programa" à esquerda, cole esse programa de exemplo ali e essa consulta de exemplo no painel inferior direito e pressione "Executar!".

Eu achei a melhor solução foi adicionar um valor de string em about: config para widget.content.gtk-theme-overridesubstituir o tema GTK. Você pode usar um tema relacionado com caixas de texto claras (obviamente isso só funciona com consistência se esse tema relacionado existir). Por exemplo, usando o Arc-Dark, defina a substituição como Arc-Darker, que possui elementos leves do widget.

Crédito pela solução aqui: https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

- sss

Atualização :

Eu acho que acabei de encontrar uma solução.

Antes da versão 46.0 do Firefox, era possível definir um tema iniciando-o da seguinte maneira:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc firefox

Desde a versão 46.0, era necessário o GTK-3:

> GTK_THEME=Adwaita:light firefox

Que não está mais funcionando desde a versão 57.

Então agora, para a versão 57.0.4, tentei as duas e funcionou lindamente:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox

Você provavelmente poderia usar qualquer outro tema direcionado a ambos, GTK-2 e GTK-3.

Em seguida, você pode remover ou renomear o chrome / userContent.css

Existe uma correção temporária para isso? E alguém que sabe como fazê-lo adequadamente pode relatar o problema à Mozilla ou ao projeto Gnome (não sei o que seria mais apropriado)?

IMHO eles estão bem cientes desse comportamento e, depois de encontrar uma solução, suponho que ele seja desejado, pois você obviamente pode escolher um tema que deseja que ele tenha.

Resposta original :

Na verdade, é melhor deixar de fora as palavras-chave importantes!

O problema da sua pergunta surge em sites que não definem especificamente valores para os respectivos antecedentes . tags de estilo CSS de cor de fundo, para que o Firefox insira valores padrão.

Com a palavra-chave ! Important , todas as entradas e áreas de texto de quase todos os sites teriam a mesma cor (de fundo). Mas o que você realmente deseja é substituir o comportamento padrão (resp. Fallback) do Firefox.

Como o texto quase nunca é branco, mas cinza-escuro nos sites, basta definir o plano de fundo ou a cor de plano de fundo para um valor mais brilhante para os temas gtk escuros. Mas como você já está nisso, também pode definir a cor do texto .

Portanto, no arquivo chrome / userContent.css , no diretório de perfil do Firefox, basta adicionar

input, textarea { color: #222; background: #eee; }

ao invés de

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

conforme mencionado na resposta à qual você vinculou.

As cores # 222 e #eee funcionam muito bem para mim. No entanto, você pode alterá-los de acordo com o seu gosto.

Espero que ajude.

Eu encontrei uma correção temporária, mas espero que alguém consiga fazer o Mozilla e / ou o Gnome saber sobre isso e pensar em corrigi-lo para sempre.

Faça o que esta resposta diz, mas use whitena folha de estilo CSS em vez de #aaaaaa, por algum motivo, a última aparece como um cinza estranho no meu navegador.

A resposta aqui https://askubuntu.com/a/8346/625256 explica como desativar a temática GTK apenas para o Firefox e, assim, corrigindo o texto escuro na questão de fundo escuro.

Correção rápida e suja:

cd $HOME/.mozilla/firefox/*.default
mkdir -p chrome && cd chrome
echo 'input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
select {
  background-color: white !important;
  color: black !important;
  -moz-appearance: none !important;
}' > userContent.css

• reiniciar o firefox

Isso não corrige os botões, pois achei que os botões ficam bem na maioria dos sites, e tentar consertar os que não parecem bons estraga os que aparecem.