Googleカレンダーの土・日の日付の背景色を変更してみました
[追記] Googleカレンダーの土日の色 その2 - Marginal Leaves に改良版がありますので、そちらを使ってください。
おお! これはすごい。 カレンダーが断然見やすくなります。 標準で設定できるようにならないかな。
これだとちょっと隙間が開いちゃうので、takayama さんのを参考に自分でもいじってみました。
@-moz-document url-prefix("https://www.google.com/calendar/") { #dh5,#dh12,#dh19,#dh26,#dh33,#dh40,#dh47,#dh54 { color: #00F; background-color: #CCF; display: block; padding: 0 0.4em 2px 0; margin-bottom: -2em; } .dayNotInMonth > #dh5, .dayNotInMonth > #dh12, .dayNotInMonth > #dh19, .dayNotInMonth > #dh26, .dayNotInMonth > #dh33, .dayNotInMonth > #dh40, .dayNotInMonth > #dh47, .dayNotInMonth > #dh54 { color: #88F; background-color: #DDF; } #dh6,#dh13,#dh20,#dh27,#dh34,#dh41,#dh48,#dh55 { color: #F00; background-color: #FCC; display: block; padding: 0 0.4em 2px 0; margin-bottom: -2em; } .dayNotInMonth > #dh6, .dayNotInMonth > #dh13, .dayNotInMonth > #dh20, .dayNotInMonth > #dh27, .dayNotInMonth > #dh34, .dayNotInMonth > #dh41, .dayNotInMonth > #dh48, .dayNotInMonth > #dh55 { color: #F88; background-color: #FDD; } }
ついでにその月でない日は色を薄くしてみたり。
margin-bottom: -2em
が気持ち悪いなぁ。
追記
上のは月曜始まり用のものです。 日曜始まり用のスタイルは kengo さんや qptaro さんが作ってくれています。
あと、SSL通信なしで使っている人は url-prefix
のところを http://
で始めるように変えないと駄目かと思います。