\r\n\r\n
macOS Mojaveにはダークモードがあるので、システムインターフェイスと一緒に、すべてのウェブサイトが自動的にダークモードに切り替わったらいいと思いませんか?これは、Safari、Chrome、FirefoxのDark Reader拡張機能を使用して行うことができます。
同じ拡張機能を取り上げていますが、SafariとChrome(とFirefox)では実装が異なります。以下、この2つのバージョンについて説明します。
関連:macOS Mojaveでダークモードを有効にする方法
ChromeとFirefoxのためのDark Reader拡張機能は、シンプルでわかりやすいものです。ブラウザで拡張機能を使ったことがある人なら、違和感なく使えるはずです。
Dark Reader ChromeまたはFirefoxの拡張機能(上記リンク)をインストールしたら、「Dark Reader」拡張機能のアイコンをクリックします。
オン」ボタンをクリックしてダークモードを有効にすると、開いているすべてのWebサイトがすぐにダークテーマに切り替わります。
黒文字と白背景はすべて反転させます。色や画像に関しては、何も手を加えません。
特定のサイトでダークモードを無効にするには、拡張機能をクリックし、「現在のサイトを切り替える」ボタンを選択します。
フィルター」タブの中に、ダークモードの設定があります。ここからライトモードに切り替わり、コントラストを変更することができます。セピアやグレースケールフィルターを追加することも可能です。
ブラックリストを管理するには、「サイト」タブをクリックします。ここから、常にライトモードで表示されるサイトを追加または削除することができます。
Chromeのインターフェイスは、Macのシステム外観をサポートしています。そのため、Macでダークモードを有効にすると、ChromeUIもダークモードに切り替わります。ただし、拡張機能「Dark Reader」については、この限りではありません。
また、Chromeには暴力的なダークモードが内蔵されています。フラグセクションに移動して、「Webコンテンツにダークモードを強制」フラグを有効にすると、すべてのWebサイトでダークモードが適用されます。フラグを有効にするための詳細な手順については、ガイドをお読みください。
関連:Google ChromeですべてのWebサイトにダークモードを強制的に適用する方法
SafariはChromeやFirefoxとは異なる方法で拡張機能を扱います。Safariの拡張機能はアプリショップでアプリとして配布されるようになりました。ChromeやFirefoxでは無料で使えるのに、Mac App StoreではDark Readerが4.99ドルもするのは、このような理由があるからです。
Safari版には、macOSのグローバルダークモードと同期している、という大きな利点があります。そのため、macOSでダークモードを有効にすると(夜ふかしツールで簡単にできます)、すべてのウェブサイトもすぐにダークテーマに切り替わります。
Dark Reader 拡張機能を購入したら、アプリケーションを開いてください。アプリケーションウィンドウで、「Activate for Safari」ボタンをクリックします。
Safariの拡張機能パネルが開きます。「Dark Reader」の横のチェックマークをクリックして、拡張機能を有効にしてください。
Safariのツールバーに黒いリーダーのアイコンが表示されます。「Dark Reader」ボタンをクリックすると、すべてのオプションと設定が表示されます。
すべてのWebサイトでダークモードを有効にするには、「開く」ボタンをクリックします。自動」モードに切り替えると、Macのシステム環境に応じて自動的にダークモードに切り替わります。
画像やアイコンが正しく表示されない場合は、「ダイナミックモード」が有効になっていることを確認してください(フィルタモードよりもこちらの方がはるかに優れています)。
現在のサイトに対してダークモードを無効にするには、「現在のサイトに対して有効にする」ボタンをクリックし、拡張メニューのスライダーで明るさとコントラストを変更します。
設定'ボタンをクリックすると、さらに多くのオプションが表示されます。ここから、すべてのWebサイトのデフォルトのダークモードを無効にすることができます。テーマ」オプションでは、各サイトのカスタムテーマを設定することができます。
Macでシステム全体のダークモードを使用できるようになったので、iOS 13、iPadOS 13以降を実行しているiPhoneまたはiPadでダークモードを有効にする方法を学びましょう。
関連:iPhone/iPadでダークモードを有効にする方法