Googleカレンダーで土日の色を青と赤に変える方法
一般的なカレンダーは土曜日が青色で日曜日が赤色となっていて平日と区別されています。それをGoogleカレンダーでも実現させようというものです。
Googleカレンダーの土日の色 その2 - Marginal Leaves
こちらを参考にさせていただきました。ありがとうございます。
Firefox上でスタイルシートを自由にカスタマイズできるプラグイン「Stylish」を入れます。
ブラウザの右下にアイコンが表示されるので、スタイルシートを変更させたいページをブラウザで表示させてから、クリックし「スタイルの管理」を選択。
「書く」で以下を記述すれば完成。
@-moz-document url-prefix("http://www.google.com/calendar/"),
url-prefix("https://www.google.com/calendar/") {
#decowner{
font-size: 140% !important ;
font-weight:bold !important ;
}
#decowner > [style*="left: 8"] > .dayOfMonth {
color: #00F !important;
background-color: #69F !important;
}
#decowner > [style*="left: 8"] > .dayNotInMonth {
color: #88F !important;
background-color: #DDF !important;
}
#decowner > [style*="left: 8"] > .currentDay {
background-color: #99F !important;
}
#decowner > [style*="left: 0"] > .dayOfMonth {
color: #F00 !important;
background-color: #F99 !important;
}
#decowner > [style*="left: 0"] > .dayNotInMonth {
color: #F88 !important;
background-color: #FDD !important;
}
#decowner > [style*="left: 0"] > .currentDay {
background-color: #F99 !important;
}
[id^="dp_0_day_"][id$="_6"] {
color: #22F;
}
[id^="dp_0_day_"][id$="_0"] {
color: #F22;
}
}
Googleカレンダーの土日の色 その2 - Marginal Leavesの所を基本にし、青色と赤色の多少の変更と、MacのFirefoxで見ると日付の部分のフォントが小さいので、大きく太字に設定しています。
これでかなり見やすくなりました。
ただGoogleカレンダー表示に特化したアプリ「Gcal」ではこれは利用できません。なのでブラウザ（Firefox）からアクセスする方法に戻します。
