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

13

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:

Exemple de cases à cocher Exemple de boutons

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é. Exemple de zone de texte

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é.

sondra.kinsey
la source
Ré. "Cependant, CSS avec des éléments de formulaire semble délicat" vous pouvez obtenir des conseils en cliquant avec le bouton droit sur les éléments gênants et en choisissant "Inspecter l'élément" dans le menu contextuel.
DK Bose

Réponses:

19

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

John Lindgren
la source
3
Contrairement à de nombreux paramètres de Firefox, j'ai dû redémarrer Firefox pour que cela prenne effet. Ne vous inquiétez donc pas si cela ne prend pas effet immédiatement. Fonctionne parfaitement bien!
Bryan Head
Les utilisateurs de KDE peuvent définir cette valeur sur un nom de thème KDE, tel que "brise" ou "oxygène".
Pistos
3

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.

Redsandro
la source
Le deuxième lien ("solution CSS") ne fonctionne plus. Pourriez-vous développer la solution CSS? Est-il possible de changer la feuille de style globale de l'agent utilisateur de Firefox sans utiliser d'extensions?
Michael Martin-Smucker
Désolé, je ne sais pas. Je suis passé à Chrome parce que je trouvais le style de Firefox parfois décalé, en particulier sur un bureau sombre.
Redsandro
1
J'aime ça car cela me permet de choisir les sites pour lesquels je veux forcer les couleurs standard
smac89
2

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.

Michael Martin-Smucker
la source