Início / ubuntu / Perguntas / 1037517
Accepted
bueltge
Asked: 2018-05-18 10:23:19 +0800 CST

Como corrigir problemas de tema escuro com o Firefox [duplicado]

  • 772

Desde a atualização para o Ubuntu 18.04, uso o tema escuro 'Adwaita-dark' e tenho vários campos de entrada no Firefox que não podem ser usados. O fundo e a cor da fonte são cores escuras e semelhantes. Não seria definido um tema alternativo, como o tema leve de Adwaita mencionado neste q/a . Busco uma solução que deixe o tema dark em todos os aplicativos.

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

A captura de tela abaixo no Google Drive deve ilustrar o problema no campo do título no lado esquerdo, à direita do ícone 'doc'.

insira a descrição da imagem aqui

gnome themes firefox

1 respostas

  1. Best Answer

    Eu os corrijo para mim com uma folha de estilo personalizada para o Firefox. Deixe um estilo personalizado com o nome userContent.cssno 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.

    insira a descrição da imagem aqui

    Se você tiver problemas para encontrar sua pasta para deixar esta folha de estilo, 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ê enfrentar algum problema no botão de opção ou na caixa de seleção, após adicionar este arquivo CSS, basta remover -moz-appearance: none !important

    • 13

relate perguntas