Chrome で LiveReload のアイコンが分かりづらいので色を変更する
Chrome 拡張機能の LiveReload アイコンは Enable か Disable か分かりづらくて軽くストレス。
MacのChromeでLiveReloadのアイコンが分かりづらいので色を変更する - Qiita の画像を差し替える方法は、最近の Chrome だとチェックサムが働いて動かない。残念。
仕方ないので livereload/livereload-extensions からソースを入手し、画像を差し替えてパッケージを作ることに。
どうやら今は @2x の画像もあるといいようだ。
なので davidlitmark/livereload-icons のアイコンを使わせてもらうことに。
ただ、このアイコンは Disable が赤なので、普通にネットを眺めているときは目に邪魔。
なので Disable はデフォルトの黒のままにし、Enable を赤にしてみました。
変更したソースはここ。
oooooooo/livereload-extensions
パッケージ化の手順はこんな感じ。
$ git clone -b color_icons https://github.com/oooooooo/livereload-extensions.git $ cd livereload-extensions $ npm install $ grunt chrome # Windows なら chrome.exe --pack-extension=Chrome/LiveReload $ /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --pack-extension=Chrome/LiveReload $ ls Chrome/LiveReload.crx
名前を LiveReload Fire にしました。Enable 時に赤なのと、Kindle 端末がカラーになったら Kindle Fire になったので。
パッケージ化するのが面倒な場合はパッケージ済みなのをどうぞ。
