web-dev-qa-db-fra.com

Comment résoudre les problèmes de thème sombre avec Firefox

Depuis la mise à jour vers Ubuntu 18.04, j'utilise le thème sombre 'Adwaita-dark' et dispose de plusieurs champs de saisie dans Firefox qui ne sont pas utilisables. Le fond et la couleur de la police sont sombres, couleurs similaires. Il ne s'agirait pas d'un thème alternatif, comme le thème léger d'Adwaita mentionné dans this q/a . Je recherche une solution qui laisse le thème sombre de toutes les applications.

Comment est-il possible de corriger le thème pour utiliser les champs de saisie, voir les chaînes pour saisir le bon contenu?

La capture d'écran ci-dessous dans Google Drive devrait illustrer le problème dans le champ de titre situé à gauche, à droite de l'icône "doc".

enter image description here

gnomefirefoxthemes
10
bueltge

Je les répare pour moi avec une feuille de style personnalisée pour Firefox. Laissez un style personnalisé avec le nom userContent.css dans le répertoire ~/.mozilla/firefox/<custom-key>.default/chrome/. Vous devez également ajouter le répertoire chromename__, important en minuscule. Utilisez le code CSS ci-dessous pour les corriger pour différents champs de saisie. Le résultat est similaire à l'image ci-dessous.

enter image description here

Si vous ne parvenez pas à trouver votre dossier, laissez cette feuille de style lire cette réponse .

Copiez la source suivante dans la feuille de style personnalisée 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;
}

Si vous rencontrez un problème avec le bouton radio ou la case à cocher, après avoir ajouté ce fichier CSS, supprimez simplement -moz-apparence: none! Important

12
bueltge