Android版Chromeでダークモードを強制適用する方法! スマホですべてのサイトをナイトモードへ切り替えよう

スポンサーリンク
Android

この記事では、AndroidスマートフォンのGoogle Chromeの全サイトで、ダークモードを強制適用する方法を紹介します。

通常、ダークモードをオンにすると背景が黒系統になりますが、サイト側が対応していないと変化しません(背景は白系統のまま)。

そういったダークモードに対応していないサイト含め、すべて黒基調のデザインに変化できますよ。

ダークモードの説明

(左)通常の当サイト。ダークモードをオンにしても非対応のため、背景は白系統のまま (右)ダークモードを強制適用した当サイト。背景は黒系統に変化する

関連記事 iPhone版Safariでダークモードを強制適用する方法

関連記事 PC版Chromeでダークモードを強制適用する方法

関連記事 Mac版Safariでダークモードを強制適用する方法

 

スポンサーリンク
スポンサーリンク

スマホのChromeにダークテーマを強制適用する方法

試験機能(//flags設定)を使います。

【試験機能とは?】 – Chromeに標準搭載される前の実験的な機能のこと。少し不安定だが、通常では使えない最新機能を試すことができる。

ChromeアプリのアイコンChromeのアドレスバーに下記を入力して、試験機能を開きます。

chrome://flags
スマホのChromeにダークテーマを強制適用する方法1

(左)chrome://flagsと入力 (右)試験機能ページが開く

検索窓で「dark」と入力して、Darken websites checkbox in themes setting を選択、Enabled へ切り替え、再起動 をタップします。

スマホのChromeにダークテーマを強制適用する方法2

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

スマホのChromeにダークテーマを強制適用する方法3

(左)再起動 (右)Chromeが再起動する

再起動後、Chromeのメニューから 設定デザインモード と進むと、新たに下記が表示されるのでチェックします。

可能な場合はダークモードをサイトに適用する
表示されない場合、先述した試験機能(//flags設定)が有効になってるか確認してください。
スマホのChromeにダークテーマを強制適用する方法4

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

スマホのChromeにダークテーマを強制適用する方法5

(左)モード (右)赤下線をチェック

設定は以上。

これで端末全体のダークモード設定が有効のとき、ダークモードに対応していないサイトも、ダークモードが適用されます。

スマホのChromeにダークテーマを強制適用する方法6

(左)通常の当サイト (右)ダークモードを適用した当サイト

なお、サイト単位でダークモードのオン/オフを調整したい場合、当該サイトを開いた状態で、メニューにある ダークモード のチェックを外してください。

これで当該サイトのみ、端末全体のダークモード設定に関わらず、白基調のデザインが維持されます。

スマホのChromeにダークテーマを強制適用する方法7

(左)赤下線をオフ (右)ライトモード(白背景)が維持される

元に戻したい場合、試験機能(//flags設定)より Darken websites checkbox in themes setting を元の Default へ切り替えればOKです。

スマホのChromeにダークテーマを強制適用する方法8

元の Default へ戻す

ちなみに端末全体のダークモード設定に関わらず、常にChrome内の各ページでダークモードを強制適用することも可能です。

試験機能(//flags設定)を開き、 Auto Dark Mode for Web Contents を有効にしてください。

Chromeバージョンによっては、Force Dark Mode for Web Contents と表示される場合があります。
スマホのChromeにダークテーマを強制適用する方法9

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

スマホのChromeにダークテーマを強制適用する方法10

端末全体のダークモードが無効のときも(左)、各サイトでダークモードが強制適用される(右)

 

〆:すべてのサイトをダークモードに切り替えよう!

以上、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でアプリ別にダークモードを自動設定する方法

関連記事 Androidでダークモードを全アプリに強制適用する方法

関連記事 Android版Chromeのオススメ試験機能まとめ

Android
スポンサーリンク
スポンサーリンク
シェアする
スポンサーリンク
スポンサーリンク

コメント

タイトルとURLをコピーしました