こんにちは。アイコンは緑だけど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書かざるを得ないのが悔しい。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; } |
StylishといったUser Styleを設定できる拡張機能を利用したりして使う。
before:
after:
あんまりGitHub使えてないなぁ…
0 件のコメント:
コメントを投稿