Mac版Safariでダークモードを使う方法! 拡張機能ですべてのサイトをナイトモードへ切り替えよう

スポンサーリンク
Mac

この記事では、Macの標準ブラウザSafariのアイコンSafariで、ダークモードを適用する方法を紹介します。

機能拡張Dark Reader for SafariのアイコンDark Reader for Safariを導入すれば、ページ内のコンテンツ含め、すべて黒基調のデザインに変化できますよ。

MacのSafariでダークモードを適用する説明

ダークモードを適用した当サイト

ダークモードに対応していないサイトも、強制的に適用可能です。

macOS Ventura 13.5で検証しています。

 

スポンサーリンク
スポンサーリンク

Dark Reader – MacのSafariにダークテーマを適用する方法

‎Dark Reader for Safari
‎Dark Reader for Safari
開発者: Dark Reader Ltd
金額: 無料
有料アプリです。なお1回購入すれば、iPhone/iPad/Macすべてで利用可能となります。

初期設定として、拡張機能の有効化が求められます。

Dark Reader for SafariのアイコンDark Reader for Safariを起動して、Activate for Safari をクリックします。

Dark Reader – MacのSafariにダークテーマを適用する手順1

赤枠をクリックする。

Dark Reader for SafariのアイコンDark Readerをチェックします。

Dark Reader – MacのSafariにダークテーマを適用する手順2

Safariの機能拡張設定が開くので、赤枠をチェックする。

さっそくSafariのアイコンSafariを開いてみましょう。

どのWebサイトも、背景がすべて黒になっています。

▼通常

Dark Reader – MacのSafariにダークテーマを適用する手順3

通常の当サイト

▼適用後

Dark Reader – MacのSafariにダークテーマを適用する手順4

ダークモードを適用した当サイト

検索フィールド左側のアイコンより、設定変更できます。

Dark Reader – MacのSafariにダークテーマを適用する手順5

赤枠アイコンをクリックする。

設定は、主に4つあります。

  • 切り替えを自動化する
  • 特定サイトは対象外とする
  • 明るさ等を調整する
  • その他

▼切り替えを自動化する

切り替えを Auto にすると、macOS標準のダークモードと連動して、Dark Reader for SafariのアイコンDark Readerも自動でオン/オフ変化します。

ダークモードは、システム設定のアイコンシステム設定の 外観 から変更できます。
Dark Reader – MacのSafariにダークテーマを適用する手順6

切り替えをAutoにする

Dark Reader – MacのSafariにダークテーマを適用する手順7

システム設定のダークモードと連動する

▼特定サイトは対象外とする

表示中サイトURLのチェックを外すと、そのサイトのみ、Dark Reader for SafariのアイコンDark Readerが無効になります。

Dark Reader – MacのSafariにダークテーマを適用する手順8

当サイトのチェックを外すと、ダークモードは適用されない。

▼明るさ等を調整する

ダークモード中のBrightness(輝度)や、Contrast(コントラスト)を調整できます。

Dark Reader – MacのSafariにダークテーマを適用する手順9

赤枠のスライダを左右に動かす

▼その他

Settings を開くと、さらに細かい設定メニューが表示されます。

メニュー名 内容
Enable on all websites
※デフォルトはチェックあり
チェックを外すと、基本は全サイト適用対象外となり、
特定サイトのみ適用対象となる。
Enable for PDFs
※デフォルトはチェックあり
チェックを外すと、PDFファイルは対象外となる。
Shortcuts ショートカットキーで切り替え設定をする。
Theme 特定サイトに関して、さらに細かい設定を行う。
Dark Reader – MacのSafariにダークテーマを適用する手順10

細かい設定メニューが並ぶ

 

〆:すべてのサイトをダークモードに切り替えよう!

以上、Mac版Safariでダークモードを使う方法! 拡張機能ですべてのサイトをナイトモードへ切り替えよう の説明でした。

macOS標準機能としてダークモードは存在しますが、ブラウザ上ではサイト側で個別対応していないかぎり、従来の明るい背景のまま表示される仕様となっています。

そこで今回紹介したDark Reader for SafariのアイコンDark Reader for Safariを使えば、強制的に黒基調のデザインに変化できるので、夜間にブラウジングする機会が多いならオススメです。

スマートフォン(iPhone/iPad)でも提供されるため、合わせてどうぞ(使い方は関連記事で解説)。

参考 Dark Reader for Safari – 開発者サイト(英語)

参考 Appleサポート – Macでダークモードを使う

Mac
スポンサーリンク
スポンサーリンク
スポンサーリンク
スポンサーリンク
あっとはっく

コメント

タイトルとURLをコピーしました