Désactiver le style système pour les éléments d'entrée de formulaire Firefox

J'utilise un thème sombre dans Lubuntu appelé Dorian . J'en suis assez content. Cependant, Firefox semble hériter de certaines couleurs système pour ses éléments d'entrée de formulaire, ce qui les rend très difficiles à voir.

Par exemple:

Si je change la couleur de premier plan, je devrais également changer la couleur d'arrière-plan des zones de texte, ce qui est bien maintenant, mais est clair sur foncé.

Je peux imaginer résoudre cela de plusieurs manières:

1. Ajoutez une feuille de style personnalisée pour Firefox pour inverser les modifications. (J'utilise Stylish , donc c'est trivial à implémenter. Cependant, CSS avec des éléments de formulaire semble délicat.)
2. Modifications de Dorian (je pense que vous pouvez personnaliser un thème GTK pour des programmes particuliers.)
3. Désactivez l'addon Firefox Ubuntu-Firefox-modifications .
4. Trouvez un paramètre dans Firefox pour empêcher le chargement des couleurs du système pour les éléments d'entrée.
5. Installez Dorian Theme pour Firefox . (Je suis réticent à cela, car Dorian n'est pas activement mis à jour et Firefox est constamment.)

Bien sûr, j'accueille également d'autres solutions auxquelles je n'ai pas pensé.

D'après mon expérience, les solutions basées sur CSS sont difficiles à obtenir correctement. Celui dans la réponse de Michael a fonctionné sur certains sites mais pas sur tous.

Dans Firefox 60, il existe une solution plus simple. Accédez à about:configet définissez la valeur de chaîne suivante: widget.content.gtk-theme-override=Adwaita:light

(Vous devez cliquer avec le bouton droit et sélectionner Nouveau -> Chaîne. La recherche gtk-theme-overridene trouvera rien car le paramètre n'est pas là par défaut.)

Crédit à Martin Stránský: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

Vous pouvez essayer l' extension Contraste de texte pour les thèmes sombres .

En outre, cette ancienne solution CSS semble toujours fonctionner, bien que ce soit probablement ce que vous utilisez maintenant.

J'utilise également un thème sombre (Adapta Nokto), et j'ai également rencontré pas mal de sites Web qui modifient la couleur du texte dans les entrées, mais supposent que la couleur d'arrière-plan sera blanche (conduisant à un texte complètement illisible).

J'ai exploré l'option CSS et trouvé cette explication de la définition des styles d'utilisateur par défaut sans avoir besoin d'extensions de navigateur. Sommaire:

1. Votre profil Firefox aura besoin d'un userContent.cssfichier au bon endroit. Vous pouvez le créer comme ceci:

   • Modifiez les répertoires de votre profil Firefox:
     cd ~/.mozilla/firefox/<your profile>/
   • Faire un répertoire "chrome" s'il n'existe pas
     mkdir chrome
   • Créez un fichier CSS dans ce nouveau répertoire
     touch chrome/userContent.css

2. Modifiez le userContent.cssfichier nouvellement créé pour inclure les styles de base que vous souhaitez appliquer à toutes les pages.

3. Redémarrez Firefox pour voir les modifications.

Pour commencer, j'ai ajouté ceci à mon fichier CSS:

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

Cela suppose une certaine familiarité avec CSS. Si c'est nouveau pour vous, cela signifie:

• Trouvez tous les éléments inputet textareasur la page
• Rendre l'arrière-plan blanc ( #fffest un raccourci de code hexadécimal pour blanc)
• Faire de la couleur du texte un gris foncé ( #222)

Il existe de nombreux autres éléments que vous pourriez souhaiter styliser, tels que buttonet select, et vous pouvez devenir plus précis avec vos entrées, comme input[type=checkbox].

Cela ne désactive pas exactement l'utilisation de votre thème système, mais cela vous permet au moins de le remplacer et de fournir aux sites Web des paramètres par défaut plus proches de ce qu'ils attendent.