GitHubのContributionsをIngressのResistance色にするUser Styleを書いた(二番煎じ)

こんにちは。アイコンは緑だけどResistanceの青りんごです。

下記の記事を見て「cssでも出来んじゃね？」って思って書いてみました。

GitHub の Contributions を Ingress の Resistance 色にする Chrome 拡張を作った - I'm kubosho_ http://blog.kubosho.com/entry/change-ingress-registance-color-of-github-contributions

resistance-contributions.css

cssの中身。legendの元の色指定がインラインスタイルだったので、上書きするには!important書かざるを得ないのが悔しい。

	rect[fill="#d6e685"] { fill: #9fc1ea; }
	rect[fill="#8cc665"] { fill: #60b7d8; }
	rect[fill="#44a340"] { fill: #0592d0; }
	rect[fill="#1e6823"] { fill: #252775; }
	.legend li:nth-child(2) { background-color: #9fc1ea !important; }
	.legend li:nth-child(3) { background-color: #60b7d8 !important; }
	.legend li:nth-child(4) { background-color: #0592d0 !important; }
	.legend li:nth-child(5) { background-color: #252775 !important; }

view raw resistance-contributions.css hosted with ❤ by GitHub

StylishといったUser Styleを設定できる拡張機能を利用したりして使う。

---

before:

after:

あんまりGitHub使えてないなぁ…