3
1

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 3 years have passed since last update.

GitHub の芝生の色を戻す

Posted at

GitHub の UI がアップデートされたみたいですが、ユーザーページの芝生の色まで変わってしまいました…

ちょっと気持ち悪い色なので、css でサクッと戻してしまいましょう。

.calendar-graph rect.day[fill="#c6e48b"] {
    fill: #c6e48b !important;
}
.calendar-graph rect.day[fill="#7bc96f"] {
    fill: #7bc96f !important;
}
.calendar-graph rect.day[fill="#239a3b"] {
    fill: #239a3b !important;
}
.calendar-graph rect.day[fill="#196127"] {
    fill: #196127 !important;
}

.contrib-legend .legend li:nth-child(2) {
    background-color: #c6e48b !important;
}
.contrib-legend .legend li:nth-child(3) {
    background-color: #7bc96f !important;
}
.contrib-legend .legend li:nth-child(4) {
    background-color: #239a3b !important;
}
.contrib-legend .legend li:nth-child(5) {
    background-color: #196127 !important;
}

前半は芝生の色を、後半は芝生の下の色見本を上書きしています。

あとはこれを Stylus なりなんなりで適用してあげればOK!

3
1
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
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?