Firefox 57 affiche des cases de saisie / menus déroulants sombres avec du texte sombre sur les thèmes sombres de Gnome

J'ai trouvé que la meilleure solution était d'ajouter une valeur de chaîne dans about:config pour widget.content.gtk-theme-override pour remplacer le thème GTK. Vous pouvez utiliser un thème associé avec des zones de texte claires (évidemment, cela ne fonctionne que pour la cohérence si ledit thème associé existe). Par exemple, en utilisant Arc-Dark, définissez le remplacement sur Arc-Darker qui a des éléments de widget clairs.

Crédit pour la solution ici : https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

-- sss

Mise à jour:

Je pense avoir trouvé une solution.

Avant la version 46.0 de Firefox, vous pouviez définir un thème en le démarrant comme suit:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc firefox

Depuis la version 46.0, il nécessitait GTK-3:

> GTK_THEME=Adwaita:light firefox

Ce qui ne fonctionne plus depuis la version 57.

Donc maintenant, pour la version 57.0.4, j'ai essayé les deux et ça a fonctionné à merveille:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox

Vous pourriez probablement utiliser n'importe quel autre thème qui cible à la fois GTK-2 et GTK-3.

Ensuite, vous pouvez supprimer ou renommer le fichier chrome/userContent.css

Concernant vos questions:

Y a-t-il une solution temporaire pour cela? Et est-ce que quelqu'un qui sait comment le faire correctement pourrait signaler le problème à Mozilla ou au projet Gnome (je ne sais pas ce qui serait le plus approprié)?

À mon avis, ils sont bien conscients de ce comportement et après avoir trouvé une solution, je suppose qu'il est désiré car vous pouvez évidemment choisir le thème que vous voulez avoir.

Réponse initiale:

En fait, il vaut mieux laisser les mots-clés !important de côté.

Le problème de votre question provient des sites qui ne définissent pas spécifiquement des valeurs pour les balises de style css background resp. background-color donc Firefox insère des valeurs par défaut.

Avec le mot-clé !important, tous les champs de saisie et textarea de presque tous les sites auraient cette même couleur de fond. Mais ce que vous voulez en réalité, c'est de remplacer le comportement par défaut (ou de secours) de Firefox.

Comme le texte est presque jamais blanc mais plutôt gris foncé sur les sites web, il suffirait de définir background ou background-color à une valeur plus claire pour les thèmes gtk sombres. Mais puisque vous êtes déjà dessus, vous pouvez également définir la couleur du texte color.

Donc dans le fichier chrome/userContent.css, dans le répertoire de profil de Firefox, ajoutez simplement

input, textarea { color: #222; background: #eee; }

au lieu de

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

comme mentionné dans la réponse à laquelle vous avez fait référence.

Les couleurs #222 et #eee fonctionnent très bien pour moi. Cependant, vous pouvez les changer selon vos préférences.

J'espère que cela vous aidera.

J'ai trouvé un correctif temporaire, mais j'espère que quelqu'un parviendra à faire savoir à Mozilla et/ou à Gnome à ce sujet et à trouver une solution définitive.

Faites simplement comme le cette réponse le dit, mais utilisez blanc dans la feuille de style CSS au lieu de #aaaaaa, pour une raison quelconque, ce dernier s'affiche comme un gris étrange sur mon navigateur.

La réponse ici https://askubuntu.com/a/8346/625256 explique comment désactiver le thème GTK uniquement pour Firefox et ainsi résoudre le problème de texte sombre sur fond sombre.

Correction rapide et sommaire:

cd $HOME/.mozilla/firefox/*.default
mkdir -p chrome && cd chrome
echo 'input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
select {
  background-color: white !important;
  color: black !important;
  -moz-appearance: none !important;
}' > userContent.css

• redémarrer firefox

Cela ne corrige pas les boutons car j'ai constaté que les boutons sont bien affichés sur la plupart des sites Web, et essayer de corriger ceux qui ne sont pas beaux endommage ceux qui le sont.