FirefoxでWebページをダークに表示する

Webページの背景を黒くする。

これまでの試行錯誤

  1. Stylusを使用して特定ページのみ
    • 特定ページしかダークにできないのが不満
      • 理屈上は全Webページに適用可能だがホワイトリストの管理は難しい
    • 特定ページのお気に入りのスタイルは、拡張機能を使い始めても愛用してる
    • Userstyles.orgに有名所のスタイルは揃ってる
  2. Dark Reader
    • 文字色や背景色の微調整ができない
    • ホワイトリストの管理がしにくい
  3. Dark Mode (WebExtension) ← 実用
    • 文字色や背景色の微調整ができない(ただし、既存の色で満足)
    • ホワイトリストの管理がしにくい
    • 動画/Gifアニメの表示がおかしくなる(例:ニコニコ動画)
  4. Dark Background and Light Text
    • 文字色や背景色の微調整が可能
    • ホワイトリストの管理しやすい
    • 挙動が重い
      • Webページ表示直後に元の表示となり、ちらつく
  5. Midnight Lizard
    • 挙動が重い
      • Webページの表示に時間がかかる

結果

現在は、特定ページのみStylusを使用して、基本はDark Mode (WebExtension)を使用しています。Dark Modeには、不満点もあるが、他の拡張機能と比べると消去法でこれになりました。

これで、長時間使用するPC作業で少しでも目の負担を防げるといいな。

ダークスタイル