Chrome 拡張機能 Stylus で CSS を上書きしてダークテーマを適用する

最近何かと流行りのダークテーマですが,全てのWebページで対応しているわけでもありません.

というわけで以前から気になっていたCSS を上書きできる Chrome 拡張機能を試してみました.

 

Stylus

最初は Stlyish というものを試していたのですが,これはどうも閲覧履歴を規約に反して収集していたことが最近問題になったらしく,一時期ストアからも姿を消していたらしいです.

そこで Stylish の設定(CSS) がそのまま使える Stylus というものを試しました.

chrome.google.com

使い方は

拡張機能をインストール → 上書きする CSS をコミュニティサイトからインストール」

というものです (Stylish と同じです)

 

コミュニティサイト

userstyles.org

 

こちらのサイトから様々なページ向けにカスタマイズされた CSS をインストールすることができます.

このサイトでウェブサイト名などで検索するとそのサイト向けのCSSが出てきます.

(YouTubeプログレスバーを Nyan cat にするようなやつもあるw)

 

まだ作成されていない場合などは自分で実装することも可能です.

 

現在インストールしているCSSリスト

YouTubeプログレスバーを Nyan cat にしてくれるw

userstyles.org

 

Twitter のダークテーマ

userstyles.org

 

Twitter の「おすすめユーザ」とか「ムーブメント」など不要な情報を非表示に

userstyles.org

 

Amazon のダークテーマ

userstyles.org

 

GitHub のダークテーマ

userstyles.org

 

Google のダークテーマ (検索結果だけでなく docs なども含む)

userstyles.org

 

Gigazine のダークテーマ

userstyles.org