MacまたはPCで任意のウェブサイトをダークモードにする方法

この記事では、Mac または Windows PC 上の Safari、Google Chrome、Edge、Brave、Opera、Firefox で適切なブラウザ拡張機能を使用してすべての Web サイトでダークモードを有効にする方法を説明します。

MacのSafariで同じウェブサイトをライトモードとダークモードで表示する

すべてのウェブサイトがダークモードに対応しているわけではないため、目の疲れや不快感につながる可能性があります。幸いなことに、使用しているブラウザに関係なく、すべてのウェブサイトでダークモードを強制的に適用する方法がいくつかあります。

ウェブサイトのダークモードのサポートには、次の 3 つの可能性があります。

システムダークモードをサポート：ウェブサイトはMacのダークモード設定に従います。Macがダークモードになっている場合、ウェブサイトもそれを模倣し、その逆も同様です。
専用のダークモード切り替えスイッチ： iDBなどの一部のウェブサイトでは、ウェブページにダークモードのスイッチが設置されています。ユーザーは好みに応じてオン/オフを切り替えることができます。
ダークモードがない：多くのサイトは、コンピューターのシステム全体のダークモード設定をサポートしておらず、ページ上でダークモードを切り替える機能もありません。このチュートリアルは、主にこのようなウェブサイトを対象としています。

サファリ

1) App Store から NightEye 拡張機能を無料でダウンロードします。

2)アプリを開き、「Safari 環境設定を開く」をクリックすると、Safari 設定 > 機能拡張に移動します。

3) 「ダークモード - ナイトアイ拡張機能」のボックスをチェックし、Safari 設定を閉じます。

MacのSafariでダークモード拡張機能を許可する

4) Safariのアドレスバーの左上にNight Eyeアプリのアイコンが表示されます。ダークモードを有効にしたいウェブサイトにアクセスしてください。

5) Night Eyeアイコンをクリックして以下を選択します。

1日を目安に
このウェブサイトでは常に許可する
すべてのウェブサイトで常に許可

ウェブサイトでダークモード拡張機能を許可してダークモードを強制する

6)ウェブサイトは白黒反転し、暗い表示になります。ダークモードをオフにするには、ナイトアイアイコンをクリックして「通常」を選択するか、電源ボタンを押してください。

Safari のウェブサイトでダークモードが強制される

注記：

Night Eye Proは3ヶ月間無料でご利用いただけます。その後は、年間ライセンスまたは永久ライセンスをご購入いただけます。ご購入いただけない場合は、ライト版にダウングレードされます。
このアプリには、スケジュール設定や明るさ、コントラスト、ブルーライト、彩度などの変更など、その他の便利なオプションもいくつか用意されています。
Safari でリーダーモードを有効にして、ダークモードの目的に適した暗い背景を選択することもできます。

Night Eyeは次のブラウザでもご利用いただけます: Chrome | Firefox

クロム

ChromeやMicrosoft Edge、Brave、OperaなどのChromiumベースのブラウザでは、実験的な機能を有効にするかサードパーティ製の拡張機能を使用することで、すべてのウェブサイトでダークモードを強制的に適用できます。それぞれについて見ていきましょう。

注意:ブラウザを終了して再度開く必要があるため、続行する前に進行中の作業を保存してください。

方法1：Webコンテンツの自動ダークモードをオンにする

1)パソコンで Chrome を開き、chrome://flags/#enable-force-darkアドレスバーに入力して Enter キーを押します。

2)「Web コンテンツの自動ダークモード」の横にあるドロップダウンメニューをクリックし、「有効」を選択します。

3)最後に「再起動」をクリックすると、Chromeが一度閉じて再起動します。完了すると、ダークモードをネイティブでサポートしているかどうかに関係なく、すべてのウェブサイトがダークモードで表示されます。

Chrome のウェブコンテンツに自動ダークモードを適用する

Android スマートフォンの Chrome でも、にアクセスしてこれを有効にできますchrome://flags。注: iPhone および iPad 上の Chrome は Apple の WebKit を使用しているため、基本的には見た目が異なる Safari であり、フラグを有効にすることはできません。