Deaktivieren Sie den Systemstil für Firefox-Formulareingabeelemente

In Lubuntu verwende ich ein dunkles Thema namens Dorian . Ich bin sehr zufrieden damit. Firefox scheint jedoch bestimmte Systemfarben für seine Formulareingabeelemente zu erben, sodass sie sehr schwer zu erkennen sind.

Beispielsweise:

Wenn ich die Vordergrundfarbe ändere, sollte ich auch die Hintergrundfarbe von Textfeldern ändern, was jetzt in Ordnung ist, aber hell-dunkel ist.

Ich kann mir vorstellen, dies auf verschiedene Arten zu lösen:

1. Fügen Sie ein benutzerdefiniertes Stylesheet für Firefox hinzu, um die Änderungen rückgängig zu machen. (Ich verwende Stylish , daher ist die Implementierung trivial. CSS mit Formularelementen scheint jedoch schwierig zu sein.)
2. Änderungen an Dorian (Ich denke, Sie können ein GTK-Thema für bestimmte Programme anpassen.)
3. Deaktivieren Sie das Firefox-Addon Ubuntu-Firefox-Modifikationen .
4. Suchen Sie in Firefox eine Einstellung, um das Laden von Systemfarben für Eingabeelemente zu verhindern.
5. Installieren Sie Dorian Theme für Firefox . (Ich zögere dies, da Dorian nicht aktiv aktualisiert wird und Firefox ständig aktualisiert wird.)

Natürlich begrüße ich auch andere Lösungen, an die ich nicht gedacht habe.

Die CSS-basierten Lösungen sind meiner Erfahrung nach schwierig zu finden. Die Antwort in Michaels Antwort hat auf einigen Websites funktioniert, aber nicht auf allen.

In Firefox 60 gibt es eine einfachere Lösung. Wechseln Sie zu about:configund legen Sie den folgenden Zeichenfolgenwert fest: widget.content.gtk-theme-override=Adwaita:light

(Sie müssen mit der rechten Maustaste klicken und Neu -> Zeichenfolge auswählen. Bei der Suche nach gtk-theme-overridewird nichts gefunden, da die Einstellung standardmäßig nicht vorhanden ist.)

Dank an Martin Stránský: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

Sie können die Erweiterung " Textkontrast für dunkle Designs" ausprobieren .

Auch diese ältere CSS-Lösung scheint immer noch zu funktionieren, obwohl Sie diese wahrscheinlich gerade verwenden.

Ich verwende auch ein dunkles Thema (Adapta Nokto) und bin auch auf etliche Websites gestoßen, die die Textfarbe in Eingaben ändern, aber davon ausgehen, dass die Hintergrundfarbe weiß ist (was zu völlig unlesbarem Text führt).

Ich habe die CSS-Option untersucht und diese Erklärung zum Festlegen von Standardbenutzerstilen gefunden, ohne dass Browsererweiterungen erforderlich sind. Zusammenfassung:

1. Ihr Firefox-Profil benötigt eine userContent.cssDatei an der richtigen Stelle. Sie können es so erstellen:

   • Ändern Sie die Verzeichnisse in Ihrem Firefox-Profil:
     cd ~/.mozilla/firefox/<your profile>/
   • Erstellen Sie ein "Chrome" -Verzeichnis, falls es nicht existiert
     mkdir chrome
   • Erstellen Sie eine CSS-Datei in diesem neuen Verzeichnis
     touch chrome/userContent.css

2. Bearbeiten Sie die neu erstellte userContent.cssDatei so, dass sie Basisstile enthält, die Sie auf alle Seiten anwenden möchten.

3. Starten Sie Firefox neu, um die Änderungen zu sehen.

Für den Anfang habe ich meiner CSS-Datei Folgendes hinzugefügt:

input, textarea {
  background-color: #fff;
  color: #222;
}

Dies setzt eine gewisse Vertrautheit mit CSS voraus. Wenn es für Sie neu ist, heißt das:

• Finden Sie alle inputund textareaElemente auf der Seite
• Machen Sie den Hintergrund weiß ( #fffist eine Hex-Code-Abkürzung für Weiß)
• Stelle die Textfarbe auf ein dunkles Grau ( #222)

Es gibt viele andere Elemente, die Sie möglicherweise formatieren möchten, z. B. buttonund select, und Sie können Ihre Eingaben präzisieren, z input[type=checkbox].

Dadurch wird die Verwendung Ihres Systemdesigns nicht gerade deaktiviert, aber Sie können es zumindest überschreiben und Websites mit Standardeinstellungen versehen, die näher an den Erwartungen liegen.