【Dark Reader】ウェブページを強制的にダークモードにする拡張機能

この記事では、ブラウザの背景をダークモードに切り替えてくれる拡張機能「Dark Reader」について書きます。
どんなウェブサイトも、強制的に背景を黒にできます。

ワンクリックで、ブラウザをダークモードにするChrome拡張機能です。ダークモードに対応していないサイトを、強制的にダークにしてくれます。
具体的には、文字を白、背景を黒にしてくれます。ライトモードの時は文字が黒、背景が白です。反転させるというわけです。
Chrome拡張機能なので、Chrome、Edge、Vivaldiなどで利用できます。Firefoxアドオンも用意されているので、Firefoxでも利用できます。
インストールするだけで、すぐに利用できます。ワンクリックでオンオフできます。特定のサイトを除外するブラックリスト、ホワイトリストなども設定できます。
強制的にダークモードにするので、一部ページで文字や図形が見えにくくなるというデメリットもありますが、「白背景がまぶしい!」という方にはおすすめです。
ブラウザ本体でダークテーマにしても、ウェブページまでは黒になりません。本拡張機能とブラウザのダークテーマを併用することで、完全なダークモードでブラウジングできます。
僕は今まで、ダークモードを使ったことがありませんでした。初めて本拡張機能でダークモードにした時、びっくりしました。
白背景の時と違って、目がチカチカしません。目に優しいです。科学的根拠はないらしいですが、体感として、ライトモードの時より目に良いと思いました。
PCを長時間触るという方、ぜひ試してみてください。
本拡張機能は、ブラウザ(Chrome、Edge、Vivaldi、Firefox)のウェブサイトのみで動作します。Windows全体、ブラウザのテーマでダークにする方法は、下記記事を参考にしてみてください。
リリース元:Alexander Shutau
記事執筆時のバージョン:4.9.48(2022年4月21日)
ダウンロード方法
Chromeウェブストアからインストールできます。
「Chromeに追加」をクリックします。

「拡張機能を追加」をクリックします。

Firefoxを利用している方は、以下のリンクからインストールできます。
iOSのSafari版も用意されているようです。詳しくは、下記リンクを参考にしてみてください。
自動で開かれる「Help -Dark Reader」ページは、興味がなければ「×」で閉じてもOKです。

右上にアイコンが追加されたら、インストール完了です。
使い方
使い方は、簡単です。Dark Readerのアイコンをクリックして、「オン」を選択します。

ダークモードになります。

ダークモード以外にも、フィルターをかけて見た目を変更できます。以下の4つのフィルターをかけられます。
- 輝度(きど)
- コントラスト
- セピア
- グレースケール
コントラストをあげることで、さらに真っ暗にできます。その他の項目は、変えても見にくくなるだけだったので、調整するとしたらコントラストかなと思いました。

以下、いくつかダークモードにしたサイトのスクリーンショットを貼っておきます。当サイトだとこんな感じです。

Yahoo!です。

Vivaldiブログです。

僕のYouTubeチャンネルです。

Amazonです。

【応用】ブラック・ホワイトリストの設定
「基本はダークモードで、特定のサイトだけ通常のテーマを利用する。」といったブラック・ホワイトリストを設定できます。ホワイトリストとブラックリストの違いを書いておきます。
ホワイトリスト | 特定のサイトでダークテーマを許可する |
ブラックリスト | 特定のサイトでダークテーマを禁止する |
一部サイトで見えにくくなった場合に活用してみましょう。例えば、当サイトを本拡張機能でダークモードにすると、図形の色が反転してしまい、見えにくくなる場合があります。

リストに登録する方法は2種類あります。
- 現在開いているサイトのドメインを登録
- 直接URLを入力して登録
現在開いているサイトを登録
ダークモードにしたくないサイトを開きます。拡張機能ボタンをクリックすると、現在開いているサイトのドメイン名が表示されているので、クリックします。

サイトリストのブラックリストに登録されます。下記画像の場合は、「DeepL翻訳」で、ダークモードにしないということです。

URLを直接入力して登録
当サイトをブラックリストに登録してみます。ブラックリストに登録したいサイトのURL(アドレス)をコピーします。

拡張機能ボタンをクリックして、サイトリストをクリックします。

「ブラックリスト」を選択して、先ほどコピーしたURLを貼り付けて、Enterを押します。

当サイトで、ダークモードがオフになります。登録するサイトは、ドメイン単位で管理されています。
当サイトの「https://www.naporitansushi.com」を登録した場合は、そのドメインにあるURL(記事)すべてが適用されます。例えば、「https://www.naporitansushi.com/diary/」とか「https://www.naporitansushi.com/vivaldi/」などの記事にも反映されます。
特定のドメインではなく、特定のページ(記事)のみ適用したい場合は、そのページのファイル名(パーマリンク)を含むすべてのURLを登録しましょう。
https://www.naporitansushi.comをブラックリストに登録した場合 | https://www.naporitansushi.com/diary/もダークモードから除外される |
https://www.naporitansushi.com/diary/をブラックリストに登録した場合 | https://www.naporitansushi.comはダークモードになる |
感想
以上、どんなサイトでも強制的にダークモードにするChrome拡張機能「Dark Reader」についてでした。
背景を黒にするだけで、目のチカチカが減ります。簡単にオンオフ切り替えできるので、ダークモードが好きな方だけでなく、今まで通常モードを利用していた方にもおすすめです。