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

43

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!".

Eärendil Baggins
la source

Réponses:

49

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

Sapient Saxon Saboo
la source
n'oubliez pas de redémarrer Firefox après avoir appliqué cette modification! Pour les utilisateurs de Linux Mint, une valeur de chaîne de "Mint-Y" ou "Mint-X" devrait convenir!
ThorSummoner
Encore une fois, ce n’est toujours pas ce que beaucoup d’utilisateurs voudraient. J'aime que Firefox utilise les couleurs par défaut du thème système, tout en disposant de zones de texte / menus déroulants lisibles.
Eärendil Baggins
@ EärendilBaggins jusqu'à ce que Firefox le corrige, il n'y a pas de vraie solution autre qu'une solution de contournement. Cela a été rapporté il y a 18 ans à Mozilla et toujours ouvert bugzilla.mozilla.org/show_bug.cgi?id=70315
Ardila
ce problème semble être résolu maintenant et devrait accompagner une prochaine version de firefox: bugzilla.mozilla.org/show_bug.cgi?id=1527048
AngryUbuntuNerd
7

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.


En ce qui concerne vos questions:

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.

ma méthode
la source
En toute honnêteté, je ne peux pas vous inviter suffisamment. Je suis vraiment reconnaissant. Ça fonctionne enfin!
Oussema
En ajoutant ceci à votre fichier .desktop pour Firefox, nous pouvons procéder comme suit: Exec=env GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefoxSi vous mettez à jour vos commandes Exec dans .desktop de cette manière, vous pouvez toujours utiliser votre lanceur Firefox.
Jack
2

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.

Eärendil Baggins
la source
1

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.

lijodxl
la source
3
Le problème, c’est que certains utilisateurs aimeraient peut-être utiliser GTK comme thème pour Firefox afin de le rendre homogène à leur thème Gnome, mais pas comme l’arrière-plan sombre et étrange du texte sombre dans les zones.
Eärendil Baggins
0

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.

HomeIsWhereThePcIs
la source