web-dev-qa-db-fra.com

Désactiver le style système pour les éléments de saisie de formulaire Firefox

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

Par exemple:

Checkboxes exampleButtons example

Si je change la couleur de premier plan, je devrais aussi changer la couleur d’arrière-plan des zones de texte, ce qui est correct maintenant, mais clair/sombre. Textbox example

Je peux imaginer résoudre ce problème de plusieurs manières:

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

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

firefoxthemesgtk
12
sondra.kinsey

Les solutions basées sur CSS sont difficiles à résoudre, selon mon expérience. Celui dans la réponse de Michael a fonctionné sur certains sites mais pas tous.

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

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

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

18
John Lindgren

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

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

3
Redsandro

J'utilise également un thème sombre (Adapta Nokto) et j'ai rencontré pas mal de sites Web qui changent 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'aucune extension de navigateur. Résumé:

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

    • Changer 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éer un fichier CSS dans ce nouveau répertoire
      touch chrome/userContent.css

  2. Editez le fichier userContent.css 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 connaissance de CSS. Si c'est nouveau pour vous, voici ce que vous dites:

  • Recherchez tous les éléments input et textarea sur la page.
  • Rendre le fond blanc (#fff est un raccourci de code hexadécimal pour le blanc)
  • Attribuez au texte une couleur gris foncé (#222)

Il existe de nombreux autres éléments que vous pourriez souhaiter styler, tels que button et select, et vous pouvez obtenir des informations plus spécifiques, telles que input[type=checkbox].

Cela ne désactive pas exactement l'utilisation du thème de votre système, mais vous permet au moins de le remplacer et de fournir aux sites Web des valeurs par défaut plus proches de leurs attentes.

2
Michael Martin-Smucker