すべてのWebサイトをダークモードにするMacのSafari拡張機能「Dark Reader for Safari」
![](https://kazuki-mizuc.com/wp-content/uploads/2023/06/profile-Illustration_202306s.jpg)
この記事を読んで、あなたもダークサイドへ。
少し前からmacOSの外観やアプリがダークモードに対応するようになりました。
ダークモードで、目の負担が減ったことを実感します。
しかし、ブログを見てまわっていると、ブログのデザインがダークモードに対応していないことも多い。
そこで、MacのSafari有料拡張機能「Dark Reader for Safari」を導入すると、ダークモードに対応していないサイトもダークモードで表示できるようになります。
「Dark Reader for Safari」を導入して、とても目が楽になりました。
「Dark Reader for Safari」をMacにインストールすると、iOS、iPadOSでも使えるようになります。
「Dark Reader for Safari」の導入方法や設定方法を紹介します。
Safari拡張機能「Dark Reader for Safari」
![](https://is1-ssl.mzstatic.com/image/thumb/Purple126/v4/60/46/e2/6046e2e4-327e-d669-7efa-be3105971ea6/AppIcon-0-0-85-220-0-0-4-0-2x.png/1200x630wa.png)
![](https://is1-ssl.mzstatic.com/image/thumb/Purple126/v4/60/46/e2/6046e2e4-327e-d669-7efa-be3105971ea6/AppIcon-0-0-85-220-0-0-4-0-2x.png/1200x630wa.png)
Safariの拡張機能「Dark Reader for Safari」は、有料です。
610円です。※ 2022年3月時点
![App Storeの「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_1.jpg)
![App Storeの「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_1.jpg)
App Storeから購入できます。
![Safari環境設定の「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_2.jpg)
![Safari環境設定の「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_2.jpg)
購入したら、「Safari」の環境設定
–拡張機能
タブを開きます。
Dark Reader
にチェックします。
![Safari環境設定の「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_3.jpg)
![Safari環境設定の「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_3.jpg)
オン
にするをクリックします。
![Safari拡張機能「Dark Reader for Safari」の設定メニュー](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_5.jpg)
![Safari拡張機能「Dark Reader for Safari」の設定メニュー](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_5.jpg)
「Safari」のヘッダー部分に、「Dark Reader」のアイコンが表示されます。
アイコンをクリックすると、設定メニューが表示されます。
1段目の設定をAuto
にしておくと、ダークモードのサイトは適用されないみたいです。
2段目のURLチェックアイコンをはずすと、そのサイトのみ「Dark Reader」を適用しない設定にもできます。サイトごとに選択が可能です。
3段目、4段目のパラメーターを左右に動かすことで、色合いや色の強さを変更できます。
![「Dark Reader for Safari」で表示したMizuc ism](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_6.jpg)
![「Dark Reader for Safari」で表示したMizuc ism](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari_6.jpg)
私のブログも、ダークモードに早変わり。
![](https://kazuki-mizuc.com/wp-content/uploads/2023/06/profile-Illustration_202306s.jpg)
![](https://kazuki-mizuc.com/wp-content/uploads/2023/06/profile-Illustration_202306s.jpg)
![](https://kazuki-mizuc.com/wp-content/uploads/2023/06/profile-Illustration_202306s.jpg)
本当は、ブログ側で対応するのがいいのですがね。
iOSでの設定
Mac版「Dark Reader for Safari」を購入すると、iOS、iPadOSでも使用できるようになります。
iPhoneで、「App Store」アプリを検索するか、「設定」アプリからでも機能追加できます。
![iOS「設定」アプリ](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_1.jpg)
![iOS「設定」アプリ](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_1.jpg)
「設定」アプリの「Safari」を選択します。
![iOS「設定」アプリのSafari設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_2.jpg)
![iOS「設定」アプリのSafari設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_2.jpg)
「拡張機能」を選択します。
![iOS「設定」アプリのSafari拡張機能](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_3.jpg)
![iOS「設定」アプリのSafari拡張機能](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_3.jpg)
「機能拡張を追加」をタップします。
![iOSの「App Store」アプリ](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_4.jpeg)
![iOSの「App Store」アプリ](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_4.jpeg)
自動的に「App Store」アプリに移動します。
![iOS「App Store」アプリの「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_5.jpg)
![iOS「App Store」アプリの「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_5.jpg)
すでに購入している「Dark Reader for Safari」の雲アイコンをタップ。
![iOS「App Store」アプリの「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_6.jpeg)
![iOS「App Store」アプリの「Dark Reader for Safari」](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_6.jpeg)
インストールされたら、「設定」アプリに移動します。
![iOS「設定」アプリのSafari拡張機能設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_7.jpg)
![iOS「設定」アプリのSafari拡張機能設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_7.jpg)
「Dark Reader」が表示されています。タップします。
![iOS「設定」アプリのSafari拡張機能設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_8.jpg)
![iOS「設定」アプリのSafari拡張機能設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_8.jpg)
「Dark Reader」をONにします。「すべてのWebサイト」をタップします。
![iOS「設定」アプリのSafari拡張機能設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_9.jpg)
![iOS「設定」アプリのSafari拡張機能設定](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_9.jpg)
「許可」にしておくと、各サイトで都度都度設定する必要がなくなります。
![iPhoneのSafariで表示したMizuc ism](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_10.jpg)
![iPhoneのSafariで表示したMizuc ism](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_10.jpg)
「Dark Reader」の設定を変更する場合は、アドレスバーの「ぁあ」をタップします。
![iPhoneのSafariの設定メニュー](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_11.jpg)
![iPhoneのSafariの設定メニュー](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_11.jpg)
「Dark Reader」設定メニューをタップします。
![iPhoneのSafariの設定メニュー](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_12.jpeg)
![iPhoneのSafariの設定メニュー](https://kazuki-mizuc.com/wp-content/uploads/2022/03/dark-reader-for-safari-ios_12.jpeg)
「Dark Reader」設定メニューが表示されます。
以上で、iPhoneで「Dark Reader」を使用できるようになります。
まとめ
「Dark Reader for Safari」の導入方法や設定方法を紹介しました。
これで、MacとiPhoneも、ダークモードでサイトやブログを見ることができます。
ダークモードでサイトを見るようになって、目が楽になったことを実感しています。
ようこそ、ダークサイドへ。
![](https://is1-ssl.mzstatic.com/image/thumb/Purple126/v4/60/46/e2/6046e2e4-327e-d669-7efa-be3105971ea6/AppIcon-0-0-85-220-0-0-4-0-2x.png/1200x630wa.png)
![](https://is1-ssl.mzstatic.com/image/thumb/Purple126/v4/60/46/e2/6046e2e4-327e-d669-7efa-be3105971ea6/AppIcon-0-0-85-220-0-0-4-0-2x.png/1200x630wa.png)
![](https://kazuki-mizuc.com/wp-content/uploads/2020/11/rss-reader_2_eye.jpg)
![](https://kazuki-mizuc.com/wp-content/uploads/2020/11/rss-reader_2_eye.jpg)