13
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Dark Readerを利用してWebサイトをとことんダークモードにする

Last updated at Posted at 2019-03-06

macOS Mojaveからダークモードが搭載され、標準アプリや対応アプリが増えて、だいぶといい感じになってきたのですが、それ故にすべてをダークモードで揃えたくなる衝動が抑えられなくなってきたので、衝動を抑えずにやってみました。

スクリーンショット 2019-03-05 15.24.33.png

Dark Reader最高

以前にGIGAZINEさんで紹介されていたDark Readerを利用してWebサイトをダークモードにしてみました。Google Chrome、Firefox、Safariに対応していますが、SafariはMac App Storeで有償($4.99)となっています。(2019/03/05時点)

Chrome・Firefox・Safariを簡単に「ダークモード」にできる拡張機能「Dark Reader」を使ってみた - GIGAZINE
https://gigazine.net/news/20181205-dark-reader/

Dark Reader
https://darkreader.org/

Dark Reader - Chrome ウェブストア
https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=ja

すべてのウェブサイトにダークテーマを適用します。夜間や毎日のブラウジングにDark Readerを使用し、あなたの目を気遣います。
このアイ・ケアの拡張機能は、オンザフライでウェブサイトのためのダークテーマを作成し、ナイトモードを有効にします。 Dark Readerは鮮やかな色を反転させてコントラストを高め、夜間に読みやすくします。

目を気遣うとか、バッテリーの持ちが、とかそんなのはどうでも良いのです。見た目をダークモードで揃えたいのです。

詳しい利用方法はGIGAZINEさんの記事をご参考ください。

Qiitaのホームです。いい感じですねー。スクリーンショット 2019-03-05 15.20.12.png

これまでにも、Webサイトをダークモードにする拡張機能はありましたが、画像の色彩まで反転されてしまって敬遠してたのですが、Dark Readerは画像はそのままにしてくれます。サイト毎に設定を変更することができ、フィルタ設定で細かな調整もできます。
スクリーンショット 2019-03-05 15.22.05.png

フィルタ設定を弄らずとも拡張機能のメニュー「その他」にあるテーマエンジンの指定でだいたいのWebサイトで適切な設定をみつけることができます。
スクリーンショット 2019-03-05 15.23.49.png

  • テーマエンジン: フィルタ
スクリーンショット 2019-03-05 15.24.33.png - テーマエンジン: フィルタ+ スクリーンショット 2019-03-05 15.24.20.png - テーマエンジン: 静的 スクリーンショット 2019-03-05 15.24.05.png - テーマエンジン: 動的 スクリーンショット 2019-03-05 15.34.53.png

しばらく利用していますが、ブラウザが極端に重くなったりすることはなく今のところは快適に利用できています。

参考

Chrome・Firefox・Safariを簡単に「ダークモード」にできる拡張機能「Dark Reader」を使ってみた - GIGAZINE
https://gigazine.net/news/20181205-dark-reader/

Dark Reader
https://darkreader.org/

Dark Reader - Chrome ウェブストア
https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=ja

13
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?