11
7

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.

GitHub見る時にDark Reader使うと目に優しくて捗った

Last updated at Posted at 2018-03-23

GitHub眩しい!

GitHubって標準だと驚きの白さですよね。
花粉症で目がしょぼしょぼのこの時期、こう白いとPRを見るのも一苦労。眩しくて辛いorz

Dark Readerとは?

chromeの拡張機能です。
タイトルそのまま、WebサイトをDarkな色テーマにしてくれます。

スクリーンショット 2018-03-23 17.35.46.png

使い方

全てをDarkにする
単純に拡張機能を入れるだけでokです。
ブラウザ右上のDark Readerアイコンが ↓ のように
スクリーンショット 2018-03-23 17.32.07.png

黒く出ていればDarkなテーマが有効になっていることを表しています。可愛いですね。

特定のサイトだけDarkにする

  1. 右上のアイコンをクリック
  2. Site listタブを洗濯
  3. invert listed onlyにDarkにしたいURLを入力

↓ みたいな感じ。

スクリーンショット 2018-03-23 17.26.57.png

簡単ですね!

ショートカット

Dark / LightをToggleする
invert listed onlyにURLを追加している場合、
追加したURLのページでのみこのショートカットが有効になるようです。

  • Win : Alt + Shift + A
  • Mac : Option + Shift + Fn + A

今見ているページをDark / Light にToggleする
こちらはinvert listed onlyなどの設定は関係なく、
単純に今見ているページに対してDark / LightのToggleが行われます。

  • Win : Alt + Shift + D
  • Mac : Option + Shift + Fn + D
11
7
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
11
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?