2010/10/30

Googleカレンダーの土日の背景色を変える(Firefox) [Win][web]

このエントリーをはてなブックマークに追加 0 comment
[ , ]
iPhoneのスケジュールアプリが便利すぎて、最近Googleカレンダーを使うようになった。
PCからも入力できて便利なのだが、Googleカレンダーはデフォルトのままでは、
平日も休日も背景色は白ですごく見にくい。
ということで、GreaseMonkeyの力を借りることにした。

↓以下設定方法↓


まず、以下のGreaseMonkeyのスクリプトをインストールする。
Google Calendar - Weekend coloration - FR

このままでは土日は灰色で味気ないので、ソースを編集する。
スクリプト管理画面→該当スクリプト→「編集」ボタン
でソースを以下のように編集する。

// Coloration Fond (週末の背景色)
//(6)が土曜日、(7)が日曜日の背景色
 GM_addStyle(".month-row .st-bg-table .st-bg:nth-child(6) { background:#EEEEFF !important }");
 GM_addStyle(".month-row .st-bg-table .st-bg:nth-child(7) { background:#FFEEEE !important }");
// Coloration titre (平日の日付表示部)
 GM_addStyle(".month-row .st-grid .st-dtitle { background:#F8F9FF !important }");
 GM_addStyle(".month-row .st-grid .st-dtitle { background:#F8F9FF !important }");
// Coloration titre weekend (週末の日付表示部)
 GM_addStyle(".month-row .st-grid .st-dtitle:nth-child(6) { background:#ddddff !important }");
 GM_addStyle(".month-row .st-grid .st-dtitle:nth-child(7) { background:#ffdddd !important }");

念のため元コードも載せておく。

// Coloration Fond
 GM_addStyle(".month-row .st-bg-table .st-bg:nth-child(6) { background:#F8F9FF !important }");
 GM_addStyle(".month-row .st-bg-table .st-bg:nth-child(7) { background:#F8F9FF !important }");
// Coloration titre
 GM_addStyle(".month-row .st-grid .st-dtitle { background:#F8F9FF !important }");
 GM_addStyle(".month-row .st-grid .st-dtitle { background:#F8F9FF !important }");
// Coloration titre weekend
 GM_addStyle(".month-row .st-grid .st-dtitle:nth-child(6) { background:#f2f4fa !important }");
 GM_addStyle(".month-row .st-grid .st-dtitle:nth-child(7) { background:#f2f4fa !important }");

再読込すれば反映されているはずである。
誰か祝日にも対応したスクリプトを作ってくれ。いや、作ってください(> <)

0 件のコメント: