Google Calendarの土日に色をつける

この記事は最終更新日から7年以上経過しています。
内容が古い可能性がありますのでご注意ください。

10月17日にGoogleCalendarの新バージョンが公開されたが、これの月間表示で土日に色を付けるユーザースタイルシートを作った。
ついでに、今日の日付をちょっと目立たせる。

/* 土曜日 */
.XnnJrc > div:nth-last-child(2),
.XnnJrc > div:nth-last-child(2) > .wy3aMe,
.gGDF0e > div:nth-last-child(2) {
    background-color: #F4F8FF;
    color: #6A6AFF;
}
/* 日曜日 */
.XnnJrc > div:last-child,
.XnnJrc > div:last-child > .wy3aMe,
.gGDF0e > div:last-child {
    background-color: #FFF2F2;
    color: #CF4B42;
}
/* 今日の枠をちょっと太くする */
.ef2wWc {
    box-shadow:0 0 0 2px #e0e0e0 inset;
}
/* 土曜日 */
.XnnJrc > div:last-child,
.XnnJrc > div:last-child > .wy3aMe,
.gGDF0e > div:last-child {
    background-color: #F4F8FF;
    color: #6A6AFF;
}
/* 日曜日 */
.XnnJrc > div:first-child,
.XnnJrc > div:first-child > .wy3aMe,
.gGDF0e > div:first-child {
    background-color: #FFF2F2;
    color: #CF4B42;
}
/* 今日の枠をちょっと太くする */
.ef2wWc {
    box-shadow:0 0 0 2px #e0e0e0 inset;
}

コメント