FOUCの問題点

FOUCの問題点

私は Firefox 開発者版を使用しています。いくつかのプログラムでダーク テーマを設定しています。最大の問題は、画面が暗いことに目が慣れてしまうため、Web ページを開くたびに、スタイル設定されていないコンテンツが点滅して目が痛くなることです。

現在、私が行ったのは、タブと URL バーを適切に処理するダーク テーマを有効にすることです。保護されているページについては、ShadowFox を使用して同様に暗い色にします。次に、すべての Web ページに色を付けるために、Dark Ba​​ckground and Light Text というアドオンを構成しました。

about:config でディスプレイの前景色と背景色を編集してみました。開発者テーマはダークに設定しています。Shadowfox が userChrome ファイルの編集を処理します。

現在、私の最大の問題は Google などの Web サイトにあります。Google では、カスタム カラーが表示される前に、元の明るい色が約 1 秒間表示されます。ほとんどのサイトはそれほど悪くありませんが、すべて同じ傾向に従っており、暗い背景の前に明るい背景が表示されます。about:config で表示色を編集すると、一部のサイトでは効果がありましたが、Google にはまったく影響がありませんでした。

この問題の修正に何か設定できるものがあるかと思っています。必要であれば、ソース コードの基本色を変更することもいといません。インターネット上では役立つ情報を見つけることができませんでした。これについて何かできることはありますか? ソース コードの色の値を変更するなどでしょうか?

答え1

この問題に対して、Firefox および Redit フォーラムでいくつかの解決策が提案されています。すべてが同じケースを扱っているかどうかはわかりませんので、すべて試してみることをお勧めします。


ポスト Firefox Quantum では、アイドル状態のタブをクリックすると白い画面が点滅します プロファイル フォルダー内のファイルを編集または作成し、両方に次の行を追加することをお勧めし userContent.cssますuserChrome.css

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

ファイルがすでに存在する場合は、既存のコンテンツと競合しないことを確認してください。


ポスト 新しく開いた(ただし、アンロードされた)ウィンドウ/タブの色を暗くするにはどうすればよいですか?userChrome.css次 の行を追加することをお勧めします:

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

インストール済みの場合は、これがまだ実行されていないことを確認してください シャドウフォックス (Firefox のユニバーサルダークテーマ)。


ポスト ページの読み込み中に Firefox が白い画面を点滅するのを止めるにはどうすればいいですか? about:config でbrowser.display.background_color 暗い色に設定するようアドバイスしています (#333)。また、以下も追加しますuserChrome.css:

{ background-color: #333 !important; } 

ポスト ページが読み込まれる前に白いフラッシュを削除する には、およびのコードがさらに含まれていますuserContent.cssuserChrome.css、これらは ShadowFox にすでに含まれている可能性もあります。コードは大きすぎるため、ここに含めることはできません。


上記のいずれかの方法で問題が解決した場合は、どの方法かを示してください。

関連情報