web-dev-qa-db-fra.com

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 zones 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 ce foutu 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, seulement pour des composants séparés, donc je ne sais pas trop 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:

Tandis 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 très probablement liés, je l’ajoute à cette question. La façon de résoudre ce problème est probablement similaire à celle fournie ci-dessous, mais avec une entrée différente dans userContent.css, mais ce serait bien si quelqu'un le fournissait ici. Je vais modifier ma propre réponse si j'ai le temps de la découvrir moi-même.

Éditer 2:

Il semble que même les boutons soient noirs sur noirs sur certains sites Web. Voici n exemple , pour voir les boutons, sélectionnez "nouveau programme" à gauche, collez cet exemple de programme ici, et cet exemple de requête dans le champ panneau en bas à droite, puis cliquez sur "Run!".

gnomefirefoxthemesgtk
42
Eärendil Baggins

J'ai trouvé la meilleure solution consistait à 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 (cela ne fonctionne évidemment que pour la cohérence si ledit thème 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

47
Sapient Saxon Saboo

Mise à jour :

Je pense que je viens de trouver une solution.

Avant Firefox version 46.0, 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 pourriez 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, vous pouvez évidemment choisir le thème que vous souhaitez.


Réponse originale :

En fait, il vaut mieux laisser les mots-clés ! Important .

Le problème de votre question se pose sur les sites, qui ne définissent pas spécifiquement de valeurs pour background resp. couleur d'arrière-plan balises de style CSS 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 auraient 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 l'arrière-plan ou la couleur d'arrière-plan sur une couleur plus claire. valeur pour dark gtk-themes. Mais comme vous y êtes déjà, vous pouvez également définir le texte couleur .

Donc, 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 le réponse vous avez lié à.

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

J'espère que ça aide.

7
myMethod

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 dit, mais utilisez white dans la feuille de style CSS au lieu de #aaaaaa, pour une raison quelconque, ce dernier apparaît sous forme de gris étrange sur mon navigateur.

2
Eärendil Baggins

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 un fond sombre.

1
lijodxl

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.

0
HomeIsWhereThePcIs