FirefoxでGoogleカレンダーの土日に色をつける方法。
いつのまにかGoogleカレンダーの仕様が変わったのか、古い記述では動かなくなっていたのでメモ。
１．アドオンの「Stylish」をインストール
https://addons.mozilla.org/ja/firefox/addon/stylish/
2. ツール＞アドオン のユーザースタイルに以下を追加。
※月曜始まり
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("calendar.google.com") {
/*** メインカレンダー：土曜日 ***/
.st-dtitle:nth-child(6) {
color: #6A6AFF !important;
}
.st-bg:nth-child(6) {
background-color: #D8E2F2 !important;
color: #6A6AFF !important;
}
/*** メインカレンダー：日曜日 ***/
.st-dtitle:last-child {
color: #FF6A6B !important;
}
.st-bg:last-child {
background-color: #F6E4E4 !important;
color: #FF6A6B !important;
}
/*** ミニカレンダー：土曜日 ***/
.dp-dayh:nth-child(6),
.dp-weekend:nth-child(6),
.dp-weekend-selected:nth-child(6) {
color: #22F !important;
}
.dp-weekend:nth-child(6).dp-offmonth,
.dp-weekend-selected:nth-child(6).dp-offmonth {
color: #88F !important;
}
/*** ミニカレンダー：日曜日 ***/
.dp-dayh:last-child,
.dp-weekend:last-child,
.dp-weekend-selected:last-child {
color: #E22 !important;
}
.dp-weekend:last-child.dp-offmonth,
.dp-weekend-selected:last-child.dp-offmonth {
color: #E88 !important;
}
}
「nth-child(6)」や「last-child」というところが、月曜始まりで月（週）表示にしたときの、土曜や日曜の列指定になります。これだけ知っていれば、日曜始まりでも月曜始まりでも、好きな曜日に色をつけることができます。
使用できるのはfirst-child、last-child、それ以外はnth-child(任意の数字)になります。