技術ノート ハードウェア Mac 上のすべての Web サイトでダークモードを取得する方法

Mac 上のすべての Web サイトでダークモードを取得する方法

Mac 上のすべての Web サイトでダークモードを取得する方法

macOS Mojave に ダーク モードが 搭載されたので、すべての Web サイトがシステム インターフェイスとともに自動的にダーク モードに切り替わったら素晴らしいと思いませんか? Safari、Chrome、Firefox の Dark Reader 拡張機能を使用すると可能です。

Mac 上のすべての Web サイトでダークモードを取得する方法

同じ拡張機能について話していますが、Safari と Chrome (Firefox も) では実装が異なります。以下では両方のバージョンについて説明します。

Chrome と Firefox で Dark Reader を使用する方法

Mac 上のすべての Web サイトでダークモードを取得する方法

Chrome および Firefox 用の Dark Reader 拡張機能はシンプルで使いやすいです。これまでにブラウザの拡張機能を使用したことがあれば、すぐに使いこなせるでしょう。

Mac 上のすべての Web サイトでダークモードを取得する方法

Dark Reader Chrome または Firefox 拡張機能 (上記のリンク) をインストールしたら、「Dark Reader」拡張機能アイコンをクリックします。

Mac 上のすべての Web サイトでダークモードを取得する方法

「オン」ボタンをクリックしてダークモードを有効にします。開いているすべての Web サイトが即座にダークテーマに切り替わります。

すべての黒いテキストと白い背景が反転されます。色や画像に関しては、何も触れられません。

特定のサイトでダーク モードを無効にするには、拡張機能をクリックし、[現在のサイトを切り替える] ボタンを選択します。

「フィルター」タブにはダークモード設定があります。ここから、ライトモードに切り替えてコントラスト比を変更できます。セピアまたはグレースケール フィルターを追加することもできます。

ブラックリストを管理するには、[サイト] タブをクリックします。ここから、常にライト モードで表示される Web サイトを追加または削除できます。

Chrome のインターフェースは Mac のシステム外観をサポートします。そのため、Mac でダーク モードを有効にすると、Chrome UI もダーク モードに切り替わります。ただし、これは Dark Reader 拡張機能には当てはまりません。

Chrome にはブルート フォース ダーク モードも組み込まれています。 [フラグ] セクションに移動し、[Web コンテンツにダーク モードを強制する] フラグを有効にして、すべての Web サイトでダーク モードを取得できます。 フラグを有効にする ための詳細な手順については、ガイドをお読みください。

Mac 上のすべての Web サイトでダークモードを取得する方法

Safari で Dark Reader を使用する方法

Safari は、Chrome や Firefox とは異なる方法で拡張機能を処理します。 Safari 拡張機能は、App Store でアプリとして配布されるようになりました。これが、Dark Reader が Chrome と Firefox では無料で利用できるのに、Mac App Store では 4.99 ドルの価格がかかる理由の 1 つです。

Safari バージョンには 1 つの大きな利点があります。それは、macOS のグローバル ダーク モードと同期することです。そのため、macOS でダーク モードを有効にすると ( NightOwl ユーティリティを使用すると簡単に実行できます)、すべての Web サイトも即座にダーク テーマに移行します。

Dark Reader 拡張機能 を購入したら、アプリを開きます。アプリウィンドウから「Safari 用にアクティブ化」ボタンをクリックします。

これにより、Safari で [拡張機能] パネルが開きます。 「Dark Reader」の横にあるチェックマークをクリックして拡張機能を有効にします。

Safari ツールバー に Dark Reader アイコンが表示されます。 「Dark Reader」ボタンをクリックすると、すべてのオプションと設定が表示されます。

すべての Web サイトでダーク モードを有効にするには、[オン] ボタンをクリックします。 「自動」モードに切り替えると、Mac のシステム環境設定に基づいてダーク モードが自動的に切り替わります。

画像とアイコンが適切に見えない場合は、「ダイナミック モード」が有効になっていることを確認してください (フィルター モードよりもはるかに優れています)。

現在の Web サイトのダーク モードを無効にする場合は、[現在の Web サイトで有効にする] ボタンをクリックします。拡張メニューのスライダーを使用して、明るさとコントラストを変更できます。

さらにオプションを表示するには、「設定」ボタンをクリックしてください。ここから、すべての Web サイトのダーク モードをデフォルトで無効にすることができます。 「テーマ」オプションを使用すると、Web サイトごとにカスタム テーマを設定できます。

Mac でシステム全体のダーク モードが使えるようになったので、iOS 13、iPadOS 13 以降を実行している iPhone または iPad でダーク モードを有効にする方法を学びましょう。

「 Mac 上のすべての Web サイトでダークモードを取得する方法」に関するベスト動画選定!

実はバッテリーにもやさしい?Macをダークモードやナイトシフトといった目にやさしい設定にする
【Mac】「ダークモード」と「ナイトシフト」を設定して、目に優しいMacにしよう!