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

Question

Pergunta original (apenas sobre caixas de entrada):

Eu uso o tema Arc-Dark no Ubuntu Gnome, e sei que esse problema já existia em versões mais antigas do Firefox, mas poderia ser corrigido com este script Stylish (que não foi uma ótima solução por si só, pois estragou o botão Downloads).

Agora o script não funciona mais, e eu estava pensando em reportá-lo para a Mozilla, mas eles realmente não têm um repositório GitHub para o Firefox, apenas para componentes separados, então eu realmente não sei onde eu deve abrir a questão.

Existe uma correção temporária para isso? E alguém que sabe como fazê-lo corretamente relata o problema ao 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 em questão de fundo escuro parece acontecer nos menus suspensos (nem todos eles, o que é estranho, podem estar relacionados a HTML / Técnicas de CSS para criá-las), e como não é muito discutido, mas os dois problemas provavelmente estão ligados, estou adicionando a essa questão. A maneira de consertá-lo provavelmente é semelhante aos fornecidos abaixo, apenas com uma entrada diferente em userContent.css , mas seria bom se alguém o disponibilizasse aqui. Vou editar minha própria resposta se tiver tempo para descobrir sozinha.

    

Answer 1

Atualizar :

Acho que acabei de encontrar uma solução.

Antes do Firefox versão 46.0, você poderia definir um tema iniciando assim:

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

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

> GTK_THEME=Adwaita:light firefox

Que não funciona mais desde a versão 57.

Então, agora, para a versão 57.0.4, eu tentei os dois e funcionou perfeitamente:

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

Você provavelmente poderia usar qualquer outro tema que visasse tanto o GTK-2 quanto o GTK-3.

Você pode remover ou renomear o chrome / userContent.css

Em relação às suas perguntas:

  

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

IMHO eles estão bem cientes deste comportamento e depois de encontrar uma solução, estou assumindo que é desejado como você, obviamente, pode escolher um tema que você quer que ele tenha.

Resposta original :

Na verdade, é melhor deixar as palavras-chave ! important fora.

O problema da sua pergunta surge em sites que não definem especificamente valores para fundo resp. cor de fundo tags de estilo css 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 essa mesma cor (de fundo). Mas o que você realmente quer é sobrepor o comportamento padrão (resp. Fallback) do Firefox.

Como o texto quase nunca é branco, mas escuro-acinzentado em sites, bastaria definir fundo ou cor de fundo como um valor mais claro para temas escuros do gtk. Mas como você já está nisso, você também pode definir o texto cor .

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

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

em vez de

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

como mencionado na resposta vinculada a.

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

Espero que ajude.

    

Answer 2

Encontrei uma correção temporária, mas espero que alguém consiga fazer com que a Mozilla e / ou o Gnome saibam disso e pensem em corrigi-lo para o bem.

Basta fazer como esta resposta diz, mas use white na folha de estilo CSS em vez de #aaaaaa , para alguma razão, o último exibe como alguns estranho cinza no meu navegador.

    

Answer 3

A resposta aqui link explica como desativar o tema GTK apenas para o firefox e, assim, corrigir o texto escuro em questão de fundo escuro .

    

Answer 4

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

Crédito para a solução aqui: link

- dll