Desabilita o estilo do sistema para elementos de entrada de formulário do Firefox

Question

Eu uso um tema sombrio no Lubuntu chamado Dorian . Estou muito feliz com isso. No entanto, o Firefox parece herdar certas cores do sistema por seus elementos de entrada de formulário, tornando-os muito difíceis de ver.

Por exemplo:

Seeualteraracordeprimeiroplano,tambémalterareiacordefundodascaixasdetexto,oqueébomagora,maséclaronoescuro.

Possoimaginarresolverissodeváriasmaneiras:

1. AdicioneumafolhadeestilopersonalizadaparaoFirefoxparareverterasalterações.(Euuso Elegante , por isso é fácil de implementar. No entanto, CSS com formulário elementos parece complicado.)
2. Modificações para Dorian (eu acho que você pode personalizar um tema GTK para programas específicos.)
3. Desativar o addon do Firefox com modificações do Ubuntu e do Firefox .
4. Encontre uma configuração no Firefox para impedir o carregamento de cores do sistema elementos de entrada.
5. Instale Tema Dorian para o Firefox . (Eu estou relutante com isso, desde Dorian não está atualizado ativamente e o Firefox está constantemente.

É claro que também saúdo outras soluções que não pensei.

    

Answer 1

As soluções baseadas em CSS são difíceis de acertar, na minha experiência. O da resposta de Michael funcionou em alguns sites, mas não em todos.

No Firefox 60, há uma solução mais fácil. Vá para about:config e defina o seguinte valor de string: widget.content.gtk-theme-override = Adwaita:light

(Você tem que clicar com o botão direito do mouse e selecionar Novo - > String. A pesquisa por gtk-theme-override não encontrará nada porque a configuração não está lá por padrão.)

Agradecemos a Martin Stránský: link

    

Answer 2

Eu também uso um tema escuro (Adapta Nokto), e também encontrei alguns sites que mudam a cor do texto nas entradas, mas suponho que a cor do plano de fundo seja branca (levando a um texto completamente ilegível).

Eu explorei a opção CSS e encontrei esta explicação sobre a configuração de estilos de usuário padrão

1. Seu perfil do Firefox precisará de um arquivo userContent.css no lugar certo. Você pode criá-lo assim:

   • Altere os diretórios para seu perfil do Firefox:
     cd ~/.mozilla/firefox/<your profile>/
   • Crie um diretório "chrome" se ele não existir em mkdir chrome
   • Crie um arquivo CSS neste novo diretório
     touch chrome/userContent.css

2. Edite o arquivo userContent.css recém-criado para incluir os estilos base que você deseja aplicar a todas as páginas.

3. Reinicie o Firefox para ver as alterações.

Para começar, adicionei isso ao meu arquivo CSS:

input, textarea {
  background-color: #fff;
  color: #222;
}

Isso pressupõe alguma familiaridade com o CSS. Se é novidade para você, isso está dizendo:

• Encontre todos os elementos input e textarea na página
• Tornar branco o plano de fundo ( #fff é uma abreviação de código hexadecimal para branco)
• Torne a cor do texto um cinza escuro ( #222 )

Há muitos outros elementos que você pode querer estilizar, como button e select , e você pode ser mais específico com suas entradas, como input[type=checkbox] .

Isso não desativa exatamente o uso do tema do sistema, mas permite, pelo menos, substituí-lo e fornecer aos sites padrões mais próximos do que eles esperam.

    

Answer 3

Você pode experimentar o Contraste de texto para temas sombrios extensão.

Além disso, essa antiga solução CSS ainda parece funcionar, embora isso seja provavelmente o que você está usando agora.