Como corrigir problemas com temas escuros no Firefox [duplicado]

Question

Desde a atualização para o Ubuntu 18.04 eu uso o tema escuro 'Adwaita-dark' e tenho vários campos de entrada no Firefox que não são utilizáveis. O fundo e a cor da fonte são cores escuras e semelhantes. Não seria definido um tema alternativo, como o tema light de Adwaita que mencionou em isto q / a . Eu procuro por uma solução que deixe o tema escuro sobre todos os aplicativos.

Como é possível corrigir o tema para usar os campos de entrada, veja as strings para inserir o conteúdo correto?

A captura de tela abaixo no Google Drive deve ilustrar o problema no campo de título à esquerda, diretamente do ícone "doc".

    

Answer 1

Eu os corrijo para mim com uma folha de estilo personalizada para o Firefox. Deixe um estilo personalizado com o nome userContent.css no diretório ~/.mozilla/firefox/<custom-key>.default/chrome/ . Você também deve adicionar o diretório chrome , importante com letras minúsculas. Use o código css abaixo para corrigi-los para diferentes campos de entrada. O resultado é como a imagem abaixo.

Sevocêtiverproblemasparaencontrarsuapastaparadeixarestafolhadeestilo,leia esta resposta .

Copie a fonte a seguir para o arquivo de folha de estilo personalizado userContent.css .

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: #eee;
  color: black;
  -moz-appearance: none !important;
}

body {
  background-color: white;
  color: black;
  display: block;
  margin: 8px;
  -moz-appearance: none !important;
}

Se você encontrar algum problema no botão de opção ou na caixa de seleção, após adicionar este arquivo CSS, apenas remova -moz-appearance: none! important