この記事では、AndroidスマートフォンのGoogle Chromeの全サイトで、ダークモードを強制適用する方法を紹介します。
通常、ダークモードをオンにすると背景が黒系統になりますが、サイト側が対応していないと変化しません(背景は白系統のまま)。
そういったダークモードに対応していないサイト含め、すべて黒基調のデザインに変化できますよ。

(左)通常の当サイト。ダークモードをオンにしても非対応のため、背景は白系統のまま (右)ダークモードを強制適用した当サイト。背景は黒系統に変化する
関連記事 iPhone版Safariでダークモードを強制適用する方法
関連記事 PC版Chromeでダークモードを強制適用する方法
関連記事 Mac版Safariでダークモードを強制適用する方法
スマホのChromeにダークテーマを強制適用する方法
試験機能(//flags設定)を使います。
Chromeのアドレスバーに下記を入力して、試験機能を開きます。
chrome://flags

(左)chrome://flagsと入力 (右)試験機能ページが開く
検索窓で「dark」と入力して、Darken websites checkbox in themes setting を選択、Enabled へ切り替え、再起動 をタップします。

(左)darkと検索 → 赤枠をタップ (右) Enabled

(左)再起動 (右)Chromeが再起動する
再起動後、Chromeのメニューから 設定 → デザイン → モード と進むと、新たに下記が表示されるのでチェックします。
可能な場合はダークモードをサイトに適用する

(左)メニューから 設定 (右)デザイン

(左)モード (右)赤下線をチェック
設定は以上。
これで端末全体のダークモード設定が有効のとき、ダークモードに対応していないサイトも、ダークモードが適用されます。

(左)通常の当サイト (右)ダークモードを適用した当サイト
なお、サイト単位でダークモードのオン/オフを調整したい場合、当該サイトを開いた状態で、メニューにある ダークモード のチェックを外してください。
これで当該サイトのみ、端末全体のダークモード設定に関わらず、白基調のデザインが維持されます。

(左)赤下線をオフ (右)ライトモード(白背景)が維持される
元に戻したい場合、試験機能(//flags設定)より Darken websites checkbox in themes setting を元の Default へ切り替えればOKです。

元の Default へ戻す
ちなみに端末全体のダークモード設定に関わらず、常にChrome内の各ページでダークモードを強制適用することも可能です。
試験機能(//flags設定)を開き、 Auto Dark Mode for Web Contents を有効にしてください。

(左)darkと検索 → 赤枠をタップ (右) Enabled

端末全体のダークモードが無効のときも(左)、各サイトでダークモードが強制適用される(右)
〆:すべてのサイトをダークモードに切り替えよう!
以上、Android版Chromeでダークモードを強制適用する方法! スマホですべてのサイトをナイトモードへ切り替えよう の説明でした。
Android標準機能としてダークモードは存在しますが、ブラウザ上ではサイト側で個別対応していないかぎり、従来の明るい背景のまま表示される仕様となっています。
そこで今回紹介した方法を使えば、強制的に黒基調のデザインに変化できるので、夜間にブラウジングする機会が多いならオススメです。
たとえば以下サイトは、通常ダークモードに対応していませんが、強制適用できますよ。
- Note(https://note.com/)
- 食べログ(https://tabelog.com/)
- 価格.com(https://kakaku.com/)
- Yahoo!知恵袋(https://chiebukuro.yahoo.co.jp/)
- アメーバブログ(https://ameblo.jp/)
なおiPhone版Chromeについては、今回紹介した試験機能(//flags設定)のダークモードに関する設定が用意されておらず、非対応です。
ただ、Safariブラウザなら同様のことができるので、iPhoneユーザーなら、そちらをどうぞ。詳しくは関連記事で解説しています。
関連記事 Androidでアプリ別にダークモードを自動設定する方法
コメント