« 前のQ&A | メインページ | 新着順一覧 | 次のQ&A »

Chrome でウェブサイトを「ダークモード」表示する方法

質問ウェブサイトを「ダークモード」で表示することはできますか?

回答「Chrome拡張機能」や「Chromeフラグ」を使えば、一応、可能です。

「Chrome」は「設定」画面の「デザイン」で「モード」を「ダーク」に設定すれば

qa260610-01.png

「タブ」や「バー」など操作部分、「新しいタブページ」や「設定」画面などを背景が黒、文字が白の「ダークモード」にできます。

qa260610-02.png

この設定で「Google検索」や「YouTube」「X」などは「ダークモード」表示になります。

qa260610-03.png

一方で「なにしろパソコン」や「Yahoo!JAPAN」「Facebook」など多くのウェブページは「ダークモード」にはなりません。

qa260610-04.png

そこで「Chrome」の「設定」で「ダークモード」にならないサイトにも適用できる Chrome拡張機能「DARK READER」を紹介します。

「Chromeに追加」するとすぐ、ほとんどのサイトに「ダークモード」が適用されます。

qa260610-06.png

qa260610-07.png

調整は「DARK READER」の拡張機能アイコンをクリックすると

qa260610-08.png

ポップアップ表示される設定画面で行います。

qa260610-09.png

まずは機能の「オン/オフ」切り替え、そして「オン」状態で「輝度」や「コントラスト」の調整、さらに「サイトリスト」で特定のサイトに適用するか設定できます。

  • 反転リスト:すべて非適用にした状態で、特定のサイトだけ適用
  • 非反転リスト:すべて適用にした状態で、特定のサイトだけ非適用

たとえば「なにしろパソコン」サイトを開いた状態で「DARK READER」設定画面を開くと上部に「x 724685.com」と表示され、クリックするとリストに特定のサイトとして追加され「v 724685.com」となります。

qa260610-10.png

使ってみて希望通りの機能で、継続して使うのであれば利用料を支払うといいでしょう。

◆◇◆

 「Chromeフラグ」にも「ダークモード」を適用できるものがあります。

適用の手順は簡単です。Chrome のアドレスバーに

chrome://flags/#enable-force-dark

と入力(コピペで OK)して Enterキーを押すと「Experiments」ページが開き、「Auto Dark Mode for Web Contents」という項目が選択表示されます。

qa260610-11.png

その「Auto Dark Mode」項目右にある設定メニューで「Default」から「Enabled」に切り替え、Chrome を「再起動」します。

qa260610-12.png

これで、すべてのページに「ダークモード」が適用されます。

qa260610-13.png

qa260610-14.png

「ダークモード」の解除は、再度「Experiments」ページを開き、同じ「Chromeフラグ」の設定メニューを「Enabled」から「Default」に戻し、Chrome を再起動します。

すべてのサイトを「ダークモード」で表示したいときにはいいのですが、特定のサイトだけ、あるいは「ダークモード」のオン/オフを切り替えたいなら再起動のいらない「拡張機能jのほうが便利でしょう。

「Chromeフラグ」については以下の解説を再度、確認してください。

自己責任での利用をお願いしています。

 

理解を深めるための「パソコン用語解説

記事の情報は公開時あるいは更新時のもので、最新情報はリンク先など情報元の公式ページでご確認ください。

スポンサーリンク

ご意見&コメント

パソコントラブルQ&A」をご利用いただき、ありがとうございます。

「参考になった」「ちょっと違うかも?」というときは TwitterFacebookページを使ってご感想やコメントをいただけると嬉しいです!励みにもなりますし、必要に応じて情報の追加や修正もしてまいります。

 

同じカテゴリー「ウェブブラウザー」のQ&A

 

同じカテゴリー「ウェブブラウザー」の用語解説

 

同じカテゴリー「拡張機能」のQ&A

 

同じカテゴリー「拡張機能」の用語解説

関連した記事を検索

パソコントラブルQ&A」「パソコン用語解説」では関連Q&Aや用語解説を豊富に掲載中です。検索してみてください!

« 前のQ&A | メインページ | 新着順一覧 | 次のQ&A »

年別Q&A (1242 件)

編集長のプロフィール

編集長

:パソコン生活応援アドバイザー。「なにしろパソコン.com」サイト運営、メルマガ編集、セミナー講師からコラム・書籍執筆まで実績豊富!

「パソコントラブルQ&A」ではトラブル解決のヒントなども紹介していますが、解決をお約束するものではありません。 トラブルの深刻度やご利用のパソコン環境によっては効果がなかったり、ほかのトラブルを誘発する場合もあります。そのため、作業前に大切なデータは、ご自身で必ずバックアップをおこなってください。

本サイトを参考にしたパソコン設定、サイト閲覧、紹介したソフトウエアや機器の購入&使用、そしてトラブル対応やインターネット活用は『利用者の責任』でお願いします(免責事項)。