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; }
コメント