Firefox 57 zeigt dunkle Eingabefelder / Dropdown-Menüs mit dunklem Text für dunkle Gnome-Themen

43

Originalfrage (nur zu Eingabefeldern):

Ich verwende das Arc-Dark-Theme unter Ubuntu Gnome und ich weiß, dass dieses Problem auch bei älteren Firefox-Versionen auftrat, aber es konnte mit diesem stilvollen Skript behoben werden (was an sich keine großartige Lösung war, da es den Download-Button vermasselte).

Jetzt funktioniert das Skript nicht mehr und ich dachte darüber nach, es Mozilla zu melden, aber sie haben kein GitHub-Repo für Firefox selbst, sondern nur für separate Komponenten, sodass ich nicht genau weiß, wo ich das öffnen soll Problem.

Gibt es eine vorübergehende Lösung für dieses Problem? Und könnte jemand, der weiß, wie man es richtig macht, das Problem Mozilla oder dem Gnome-Projekt melden (keine Ahnung, was passender wäre)?

Bearbeiten:

Während Sie in den Antworten eine vorübergehende Problemumgehung für die Eingabefelder finden, scheint in Dropdown-Menüs derselbe dunkle Text auf dunklem Hintergrund aufzutreten (nicht alle davon, was seltsam ist, hängen möglicherweise mit verschiedenen HTML / CSS-Techniken zusammen) erstellen Sie sie), und da es nicht viel diskutiert wird, aber die beiden Probleme höchstwahrscheinlich zusammenhängen, füge ich es dieser Frage hinzu. Die Art und Weise, dies zu beheben, ist wahrscheinlich ähnlich wie die unten angegebenen, nur mit einem anderen Eintrag in userContent.css, aber es wäre schön, wenn jemand es hier zur Verfügung stellen würde. Ich bearbeite meine eigene Antwort, wenn ich Zeit habe, es selbst herauszufinden.

Bearbeiten 2:

Es sieht so aus, als ob selbst Schaltflächen auf einigen Websites schwarz auf schwarz sind. Hier ist ein Beispiel , um zu sehen, wie die Schaltflächen links "Neues Programm" auswählen, dieses Beispielprogramm dort einfügen und diese Beispielabfrage im unteren rechten Bereich ausführen und dann auf "Ausführen!" Klicken.

Eärendil Beutlin
quelle

Antworten:

49

Ich fand, dass die beste Lösung darin bestand, einen Zeichenfolgenwert in about: config hinzuzufügen widget.content.gtk-theme-override, um das GTK-Thema zu überschreiben. Sie können ein verwandtes Thema mit hellen Textfeldern verwenden (dies funktioniert natürlich nur, wenn das verwandte Thema vorhanden ist). Wenn Sie beispielsweise Arc-Dark verwenden, setzen Sie die Überschreibung auf Arc-Darker mit hellen Widget-Elementen.

Gutschrift für die Lösung hier: https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

- sss

Sapient Saxon Saboo
quelle
Vergessen Sie nicht, Firefox neu zu starten, nachdem Sie diese Änderung vorgenommen haben! Für Linux Mint-Benutzer sollte ein String-Wert von "Mint-Y" oder "Mint-X" in Ordnung sein!
ThorSummoner
Auch dies ist immer noch nicht das, was viele Benutzer wünschen würden. Ich mag es, wenn mein Firefox die Standardfarben des Systemdesigns verwendet und lesbare Textfelder / Dropdown-Menüs / Schaltflächen hat.
Eärendil Beutlin
@EärendilBaggins Bis Firefox das Problem behebt, gibt es keine echte Lösung außer einer Problemumgehung. Dies wurde vor 18 Jahren an Mozilla gemeldet und ist immer noch geöffnet. Bugzilla.mozilla.org/show_bug.cgi?id=70315
ardila
Dieses Problem scheint jetzt behoben zu sein und sollte mit einer kommenden Firefox-Version ausgeliefert werden: bugzilla.mozilla.org/show_bug.cgi?id=1527048
AngryUbuntuNerd
7

Update :

Ich denke, ich habe gerade eine Lösung gefunden.

Vor Firefox-Version 46.0 konnten Sie ein Thema festlegen, indem Sie es wie folgt starteten:

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

Seit Version 46.0 ist GTK-3 erforderlich:

> GTK_THEME=Adwaita:light firefox

Was seit Version 57 nicht mehr funktioniert.

Für Version 57.0.4 habe ich nun beide ausprobiert und es hat wunderbar funktioniert:

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

Sie könnten wahrscheinlich jedes andere Thema verwenden, das sowohl auf GTK-2 als auch auf GTK-3 abzielt.

Anschließend können Sie die Datei chrome / userContent.css entfernen oder umbenennen


Zu Ihren Fragen:

Gibt es eine vorübergehende Lösung für dieses Problem? Und könnte jemand, der weiß, wie man es richtig macht, das Problem Mozilla oder dem Gnome-Projekt melden (keine Ahnung, was passender wäre)?

IMHO sind sie sich dieses Verhaltens sehr wohl bewusst und nachdem sie eine Lösung gefunden haben, gehe ich davon aus, dass dies erwünscht ist, da Sie offensichtlich ein Thema auswählen können, das Sie haben möchten.


Ursprüngliche Antwort :

Eigentlich ist es besser, die ! Wichtigen Schlüsselwörter wegzulassen.

Das Problem aus Ihrer Frage tritt bei Sites auf, die keine spezifischen Werte für den Hintergrund bzw. das Hintergrundbild festlegen . CSS-Tags in Hintergrundfarbe, damit Firefox Standardwerte einfügt.

Mit dem Schlüsselwort ! Important hätten alle Eingaben und Textbereiche fast aller Websites dieselbe (Hintergrund-) Farbe. Sie möchten jedoch das Standardverhalten (bzw. das Fallback-Verhalten) von Firefox überschreiben.

Da Text auf Websites fast nie weiß, sondern dunkelgrau ist, ist es ausreichend, den Hintergrund oder die Hintergrundfarbe für dunkle GTK-Themen auf einen helleren Wert zu setzen. Aber wie du schon dabei bist können Sie auch den Text Farbe .

Fügen Sie also in der Datei chrome / userContent.css in Ihrem Firefox-Profilverzeichnis einfach Folgendes hinzu

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

Anstatt von

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

Wie in der Antwort erwähnt, mit der Sie verlinkt sind.

Die Farben # 222 und #eee passen sehr gut zu mir. Sie können sie jedoch nach Ihren Wünschen ändern.

Ich hoffe, es hilft.

myMethod
quelle
Ich kann dich ehrlich gesagt nicht genug unterstützen. Ich bin sehr dankbar. Es funktioniert endlich!
Oussema
Wenn Sie diese Datei zu Ihrer .desktop-Datei für Firefox hinzufügen, können Sie wie folgt vorgehen: Exec=env GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefoxWenn Sie Ihre Exec-Befehle in .desktop auf diese Weise aktualisieren, können Sie Ihren Firefox-Launcher weiterhin verwenden.
Jack
2

Ich habe eine vorübergehende Lösung gefunden, aber ich hoffe, dass es jemandem gelingt, Mozilla und / oder Gnome davon in Kenntnis zu setzen und daran zu denken, sie endgültig zu beheben.

Tun Sie einfach, was in dieser Antwort steht, aber verwenden Sie whitestattdessen das CSS-Stylesheet. Aus #aaaaaairgendeinem Grund wird dieses in meinem Browser als seltsames Grau angezeigt.

Eärendil Beutlin
quelle
1

Die Antwort hier https://askubuntu.com/a/8346/625256 erklärt, wie GTK-Theming nur für Firefox deaktiviert und dadurch das Problem mit dunklem Text auf dunklem Hintergrund behoben wird.

lijodxl
quelle
3
Das Problem ist, dass einige GTK-Themes auf Firefox haben möchten, um sie homogen zu ihrem Gnome-Thema zu machen, aber nicht den seltsamen dunklen Hintergrund auf dunklem Text in Kästchen.
Eärendil Beutlin
0

Schnelle und schmutzige Lösung:

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
  • Firefox neu starten

Dies behebt keine Schaltflächen, da ich festgestellt habe, dass Schaltflächen auf den meisten Websites gut aussehen und versuchen, diejenigen zu reparieren, die nicht gut aussehen, und diejenigen, die nicht gut aussehen, durcheinander bringen.

HomeIsWhereThePcIs
quelle