この記事では、Macの標準ブラウザ
Safariで、ダークモードを適用する方法を紹介します。
機能拡張Dark Reader for Safariを導入すれば、ページ内のコンテンツ含め、すべて黒基調のデザインに変化できますよ。
ダークモードを適用した当サイト
ダークモードに対応していないサイトも、強制的に適用可能です。
Dark Reader – MacのSafariにダークテーマを適用する方法
初期設定として、拡張機能の有効化が求められます。
Dark Reader for Safariを起動して、Activate for Safari をクリックします。
赤枠をクリックする。
Dark Readerをチェックします。
Safariの機能拡張設定が開くので、赤枠をチェックする。
さっそくSafariを開いてみましょう。
どのWebサイトも、背景がすべて黒になっています。
▼通常
通常の当サイト
▼適用後
ダークモードを適用した当サイト
検索フィールド左側のアイコンより、設定変更できます。
赤枠アイコンをクリックする。
設定は、主に4つあります。
- 切り替えを自動化する
- 特定サイトは対象外とする
- 明るさ等を調整する
- その他
▼切り替えを自動化する
切り替えを Auto にすると、macOS標準のダークモードと連動して、Dark Readerも自動でオン/オフ変化します。
システム設定の 外観 から変更できます。切り替えをAutoにする
システム設定のダークモードと連動する
▼特定サイトは対象外とする
表示中サイトURLのチェックを外すと、そのサイトのみ、Dark Readerが無効になります。
当サイトのチェックを外すと、ダークモードは適用されない。
▼明るさ等を調整する
ダークモード中のBrightness(輝度)や、Contrast(コントラスト)を調整できます。
赤枠のスライダを左右に動かす
▼その他
Settings を開くと、さらに細かい設定メニューが表示されます。
| メニュー名 | 内容 |
|---|---|
| Enable on all websites ※デフォルトはチェックあり |
チェックを外すと、基本は全サイト適用対象外となり、 特定サイトのみ適用対象となる。 |
| Enable for PDFs ※デフォルトはチェックあり |
チェックを外すと、PDFファイルは対象外となる。 |
| Shortcuts | ショートカットキーで切り替え設定をする。 |
| Theme | 特定サイトに関して、さらに細かい設定を行う。 |
細かい設定メニューが並ぶ
〆：すべてのサイトをダークモードに切り替えよう!
以上、Mac版Safariでダークモードを使う方法! 拡張機能ですべてのサイトをナイトモードへ切り替えよう の説明でした。
macOS標準機能としてダークモードは存在しますが、ブラウザ上ではサイト側で個別対応していないかぎり、従来の明るい背景のまま表示される仕様となっています。
そこで今回紹介したDark Reader for Safariを使えば、強制的に黒基調のデザインに変化できるので、夜間にブラウジングする機会が多いならオススメです。
スマートフォン（iPhone/iPad）でも提供されるため、合わせてどうぞ（使い方は関連記事で解説）。
コメント