Probleme mit dem FOUC

760
Sir Platypus

Ich verwende Firefox Developer Edition. Ich habe es mit mehreren Programmen konfiguriert, die ihm ein dunkles Thema geben. Mein größtes Problem dabei ist, dass, weil sich meine Augen an den dunklen Bildschirm anpassen, der Blitz von ungestyltem Inhalt meine Augen verletzt, wenn ich eine Webseite öffne.

Derzeit habe ich das dunkle Thema aktiviert, das sich gut um die Tab- und URL-Leiste kümmert. Für die geschützten Seiten verwende ich ShadowFox, um sie auch dunkel einzufärben. Ich habe dann ein Addon namens Dark Background und Light Text so konfiguriert, dass alle Webseiten farbig dargestellt werden.

Ich habe versucht, die Vordergrund- und Hintergrundfarbe des Displays in about: config zu bearbeiten. Ich habe das Entwicklerthema zu dunkel eingestellt. Shadowfox kümmert sich um die Bearbeitung der userChrome-Datei.

Jetzt ist mein größtes Problem mit Websites wie Google. Bei Google bekomme ich ungefähr eine Sekunde lang die ursprünglichen Lichtfarben, bevor die benutzerdefinierten Farben angezeigt werden. Die meisten Websites sind nicht so schlecht, aber alle folgen dem gleichen Trend und zeigen helle Hintergründe vor den dunklen. Das Bearbeiten der Anzeigefarben in about: config half bei einigen Websites, hatte aber keinerlei Auswirkungen auf Google.

Ich frage mich, ob es irgendeine Art von Konfiguration gibt, die ich tun kann, um den Fehler zu beheben. Ich bin gerne bereit, die Grundfarben im Quellcode zu ändern, wenn ich muss. Ich konnte im Internet nichts Nützliches finden. Kann ich irgendetwas dagegen tun? Ändern Sie möglicherweise die Farbwerte im Quellcode?

2
Auf der Mozilla-Support-Site gibt es mehrere ähnliche Probleme: https://support.mozilla.org/en-US/questions/1187684 und https://support.mozilla.org/en-US/questions/1186549. Sie enthalten einige Lösungen, von denen die Leute berichten, dass sie für sie arbeiten, aber ich habe keine davon getestet. fixer1234 vor 6 Jahren 0
Leider habe ich das schon probiert und es hat das Problem nicht behoben. Trotzdem danke. Sir Platypus vor 6 Jahren 0
Haben Sie etwa Folgendes festgelegt: config: `browser.devedition.theme.enabled = true` und` devtools.theme = dark`? (Siehe [link] (https://www.askvg.com/tip-enable-hidden-secret-dark-and-light-themes-in-mozilla-firefox/).) harrymc vor 6 Jahren 0
Die zweite Option ist gesetzt, aber die erste scheint nicht in meiner about: config zu existieren. Sir Platypus vor 6 Jahren 0
Das macht mich neugierig. Ich habe das dunkle Thema eingeschaltet, aber alles, was ich darüber gesehen habe, scheint darauf hinzuweisen, dass es nur die obere Leiste betrifft. Meine Probleme liegen in den Webseiten, auf denen die Standardfarbe Weiß angezeigt wird, bevor mein Addon erscheint und sie dunkel wird. Sir Platypus vor 6 Jahren 0
Versuchen Sie es mit [ShadowFox] (https://github.com/overdodactyl/ShadowFox) - einem universellen dunklen Thema für Firefox. harrymc vor 6 Jahren 0
Ich habe es installiert und die Browserseiten überschreiben lassen. Es ist nicht so konfiguriert, dass es bestimmte Website-Seiten überschreibt, aber es funktioniert möglicherweise, wenn ich Google so eingestellt habe. Sir Platypus vor 6 Jahren 0
Leider korrigiert shadowfox nicht das Flashen von nicht gestylten Inhalten, obwohl es dabei hilft, geschützte Seiten abzudunkeln. Sir Platypus vor 6 Jahren 0
Ein weiterer Ansatz, den Sie erkunden sollten: Schauen Sie sich die Verzögerung der Seitenanzeige an, bis das dunkle Styling Zeit hat. fixer1234 vor 6 Jahren 0
Nun, das muss ich tun. Das Problem sind nicht die nativen Farben von Firefox, sondern das Laden der Seite vor dem CSS. Ich weiß nur, was zu tun ist, um es zu ändern. Sir Platypus vor 6 Jahren 0

1 Antwort auf die Frage

4
harrymc

In den Firefox- und Redit-Foren wurden für dieses Problem mehrere Lösungen angeboten. Ich bin nicht sicher, ob sie alle den gleichen Fall behandeln, also können Sie sie auch alle versuchen.

Der Beitrag Firefox Quantum blinkt weißen Bildschirm im Leerlauf Registerkarten geklickt berät im Profilordner die Dateien zu bearbeiten oder erstellen userContent.cssund userChrome.css und fügen Sie beide in der folgenden Zeile:

.tabbrowser-tabbox { background-color: #a9a9a9 !important; }

Wenn die Datei (en) bereits vorhanden sind, überprüfen Sie, ob dies nicht mit dem vorhandenen Inhalt in Konflikt steht.

Der Beitrag Wie kann ich die Farbe von neu geöffneten (aber entladenen) Fenstern / Registerkarten dunkel machen? empfiehlt, in userChrome.cssden Zeilen hinzuzufügen :

/* Reduce the "white flash" in new tabs */ browser[type="content-primary"],  browser[type="content"] { background: #778899 !important; }

Stellen Sie sicher, dass dies nicht bereits geschehen ist, wenn Sie ShadowFox (ein universelles, dunkles Design für Firefox) installiert haben .

Der Beitrag Wie verhindern Sie, dass Firefox einen weißen Bildschirm blinkt, während eine Seite geladen wird? rät in about: config, browser.display.background_color eine dunklere Farbe (# 333) einzustellen . Auch hinzufügen in userChrome.css:

{ background-color: #333 !important; }

Der Beitrag Das Entfernen des weißen Blitzes vor dem Laden einer Seite enthält mehr Code für userContent.cssund userChrome.css, der auch bereits in ShadowFox enthalten sein kann. Der Code ist zu groß, um ihn hier aufzunehmen.

Wenn eine der oben genannten Methoden das Problem gelöst hat, geben Sie bitte an, welche Methode verwendet wird.

Es scheint ein bisschen mit Google geholfen zu haben, aber ich hatte schon alles außer dem letzten Link versucht. SE-Sites scheinen immer noch zu blinken. Das ist komisch, aber andererseits neigen Computer dazu, mich zu hassen. Ich hätte gedacht, dass Shadowfox das Problem beheben würde, aber andererseits bin ich der einzige, der all diese Änderungen vorgenommen hat und immer noch Probleme hatte. Ehrlich gesagt gibt es an diesem Punkt nur eine Lösung, die mir einfällt. Gibt es eine Möglichkeit, dass jemand mich an eine Stelle im Quellcode verweist, die ich möglicherweise ändern kann? Ich habe es heruntergeladen. Sir Platypus vor 6 Jahren 0
Das Laden der Farben von Google scheint zuerst darauf hinzudeuten, dass es ein Problem mit der Reihenfolge sein kann, in der die CSS geladen wird. Normale Site-CSS zuerst, dann alle Plugins. Aber andererseits weiß ich nicht wirklich ... Sir Platypus vor 6 Jahren 0
(1) Dieser Fehlerbericht [Orbit "White Flash" - Visual Bug in Firefox 58 (10924) (https://github.com/zurb/foundation-sites/issues/10924) scheint darauf hinzudeuten, dass mindestens ein Fehler in Firefox auftreten wird In Version 60 behoben. Testen Sie also weiterhin neue Versionen. (2) Siehe auch die folgenden Lösungen: [article1] (https://www.reddit.com/r/firefox/comments/7d0i9u/think_i_found_a_way_to_remove_the_white_flash_on/) und [article2] (https://www.reddit.com/r / firefox / comments / 6hv7rk / how_do_you_disable_the_white_flash_on_opening_a / dj1hhb2 /). harrymc vor 6 Jahren 0
Wenn das oben genannte nicht hilft, liegt möglicherweise ein Fehler in Firefox vor, daher gibt es keine CSS-Lösung. Dies könnte die Schlussfolgerung sein, wenn keine der bekannten Lösungen für Sie mit der aktuellen Version von Firefox funktioniert. In diesem Fall kann ich nur einen Fehlerbericht für Firefox öffnen oder andere Browser ausprobieren. Wenn dies ein neuer Fehler ist, können Sie den Pale Moon-Browser ausprobieren, der auf einer älteren Version von Firefox basiert und möglicherweise nicht diesen Fehler aufweist (ich verwende ihn und ist vollständig mit Firefox kompatibel, außer dass er die neuen WebExtensions-Erweiterungen nicht unterstützt. ons). harrymc vor 6 Jahren 0
Wenn das Problem wirklich schmerzhaft ist, können Sie Pale Moon verwenden, das die vorherige Anzeige-Engine von Firefox verwendet. Mit dieser Engine sind die oben genannten Lösungen möglicherweise effektiver. harrymc vor 6 Jahren 0

Verwandte Probleme