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

Question originale (uniquement à propos des champs de saisie):

J'utilise le thème Arc-Dark sur Ubuntu Gnome, et je sais que ce problème existait aussi sur les anciennes versions de Firefox, mais il pourrait être corrigé avec ce script stylé (ce qui n'était pas une bonne solution en soi, car il a foiré le bouton Téléchargements).

Maintenant, le script ne fonctionne plus, et je pensais le rapporter à Mozilla, mais ils n'ont pas vraiment de rapport GitHub pour Firefox lui-même, mais uniquement pour des composants séparés. Je ne sais donc pas vraiment où ouvrir le fichier. problème.

Y at-il une solution temporaire pour cela? Et quelqu'un qui sait comment le faire correctement peut-il signaler le problème à Mozilla ou au projet Gnome (ce qui serait plus approprié)?

Modifier:

Alors que dans les réponses, vous pouvez trouver une solution temporaire aux zones de saisie, le même texte sombre sur fond sombre semble se produire dans les menus déroulants (cependant, ce qui est étrange, peut être lié à différentes techniques HTML / CSS pour créez-les), et comme cela n’est pas très discuté mais que les deux problèmes sont probablement liés, je l’ajoute à cette question. La solution est probablement similaire à celle fournie ci-dessous, mais avec une entrée différente userContent.css, mais ce serait bien si quelqu'un la fournissait ici. Je vais modifier ma propre réponse si j'ai le temps de la découvrir moi-même.

Edit 2:

Il semble que même les boutons soient noirs sur noirs sur certains sites Web. Voici un exemple . Pour voir les boutons, sélectionnez "Nouveau programme" sur la gauche, collez-y cet exemple de programme , et cette requête-exemple dans le panneau en bas à droite, puis cliquez sur "Exécuter!".

J'ai trouvé la meilleure solution consistait à ajouter une valeur de chaîne dans about: config pour widget.content.gtk-theme-overrideremplacer le thème GTK. Vous pouvez utiliser un thème associé avec des zones de texte claires (cela ne fonctionne évidemment que par souci de cohérence si ledit thème associé existe). Par exemple, en utilisant Arc-Dark, définissez le remplacement sur Arc-Darker, qui contient 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 que je viens de trouver 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 fallait GTK-3:

> GTK_THEME=Adwaita:light firefox

Ce qui ne fonctionne plus depuis la version 57.

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

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

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

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

Y at-il une solution temporaire pour cela? Et quelqu'un qui sait comment le faire correctement peut-il signaler le problème à Mozilla ou au projet Gnome (ce qui serait plus approprié)?

IMHO, ils sont bien conscients de ce comportement et après avoir trouvé une solution, je suppose que c'est souhaitable, car vous pouvez évidemment choisir un thème que vous souhaitez.

Réponse originale :

En fait, il vaut mieux laisser les mots clés importants!

Le problème de votre question se pose sur les sites, qui ne définissent pas spécifiquement les valeurs pour le fond, resp. balises de style css de couleur de fond afin que Firefox insère les valeurs par défaut.

Avec le mot clé ! Important , toutes les entrées et zones de texte de presque tous les sites auront cette même couleur (d'arrière-plan). Mais ce que vous voulez réellement, c'est écraser le comportement par défaut (resp. De repli) de Firefox.

Le texte n'étant presque jamais blanc, mais grisâtre sur les sites Web, il suffirait de définir une valeur plus claire pour l' arrière- plan ou la couleur d' arrière-plan pour les thèmes gtk sombres. Mais comme vous y êtes déjà, vous pouvez également définir la couleur du texte .

Ainsi, dans le fichier chrome / userContent.css , dans votre répertoire de profil 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 que vous avez liée.

Les couleurs # 222 et #eee fonctionnent très bien pour moi. Cependant, vous pouvez les changer à votre guise.

J'espère que ça aide.

J'ai trouvé un correctif temporaire, mais j'espère que quelqu'un parviendra à faire connaître cela à Mozilla et / ou à Gnome et songera à le réparer définitivement.

Faites juste comme cette réponse le dit, mais utilisez whitedans la feuille de style CSS au lieu de #aaaaaa, pour une raison quelconque, celle-ci s’affiche en 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 corriger ainsi le texte sombre sur le fond sombre.

Solution rapide et sale:

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 paraissaient bien sur la plupart des sites Web, et essayer de réparer ceux qui ne semblaient pas bien foirer ceux qui le sont.