Posted in 管理人ブログ,管理人メモ,パソコン関係,Windows 7   Leave a Comment

スマートフォン導入から数週間が経過しました。

まだまだよく分からないままでは有りますが、それでもわずかながら導入したアプリがあるわけで、特にホームへ表示されているカレンダーアプリ「ジョルテ」は(場所をとるのが難ですが)一ヶ月のカレンダーがスケジュール、六曜付きで表示出来るので重宝しています。

さてこのジョルテ、Googleカレンダーとスケジュールの同期が取れるようなので早速PC側でGoogleカレンダーへアクセス。

ところがGoogleカレンダーって休日も平日も同じ色で表示されるんでどうにも見づらい。

そこで早速ググってみたところ、私愛用のWaterfox(というかFirefox)の場合、わりかし簡単にできるっぽいのでやってみました。



まず、参考にしたのはこのサイト様

参考サイト様では「Firefoxのプロファイルフォルダ内のcssファイルを~」なんて書かれていますが、うちの場合Firefoxのバージョンの関係か、該当するフォルダが無かった(^ ^;)

そこでさらにググってみたら「Stylish」というアドオンで簡単に同じ事ができるっぽい。

アドオン管理画面で「Stylish」を検索、インストールし、その設定画面から「新しいスタイルを書く」をクリック。

後は参考サイト様で公開されているコードを記入してOK。

でこれが手を入れる前の真っ白け状態のSS。

Googleカレンダー(初期状態)

でこっちが手を入れた後。

Googleカレンダー(変更後)

格段に見やすくなったかと。

注意点はGoogleカレンダーを何曜始まりにしているかでコードが変わる位か。

以下、防備録代わりに参考サイト様から(勝手に)転記。

日曜始まり版

@-moz-document url-prefix("https://www.google.com/calendar/") {
/* Google Calendar Color Sunday */

.st-dtitle:last-child,
.tg-weekend:last-child,
#weekViewAllDayBgwk .st-bg:last-child {

background-color: #D8E2F2 !important;
color: #6A6AFF !important;

}

.st-bg-table .st-bg:last-child,
.tg-weekend:last-child,
#weekViewAllDayBgwk .st-bg:last-child {
background-color: #F0F3FC !important;
}

.st-dtitle:first-child,
.tg-weekend:first-child,
#weekViewAllDayBgwk .st-bg-next:first-child {

background-color: #F6E4E4 !important;
color: #FF6A6B !important;

}

.st-bg-table .st-bg:first-child,
.tg-weekend,
#weekViewAllDayBgwk .st-bg-next:first-child {
background-color: #FFF0EE !important;
}

.dp-dayh:last-child,
.dp-weekend:last-child,
.dp-weekend-selected:last-child {

color: #22F !important;

}

.dp-weekend:last-child.dp-offmonth,
.dp-weekend-selected:last-child.dp-offmonth {

color: #88F !important;

}

.dp-dayh:first-child,
.dp-weekend:first-child,
.dp-weekend-selected:first-child {

color: #E22 !important;

}

.dp-weekend:first-child.dp-offmonth,
.dp-weekend-selected:first-child.dp-offmonth {

color: #E88 !important;

}

}

月曜始まり版
@-moz-document url-prefix("https://www.google.com/calendar/") {
/* Google Calendar Color Monday */

.st-dtitle:nth-last-child(2),
.tg-weekend:nth-last-child(2),
#weekViewAllDayBgwk .st-bg:nth-last-child(2) {

background-color: #D8E2F2 !important;
color: #6A6AFF !important;

}

.st-bg-table .st-bg:nth-last-child(2),
.tg-weekend:nth-last-child(2),
#weekViewAllDayBgwk .st-bg:nth-last-child(2) {
background-color: #F0F3FC !important;
}

.st-dtitle:last-child,
.tg-weekend:last-child,
#weekViewAllDayBgwk .st-bg:last-child {

background-color: #F6E4E4 !important;
color: #FF6A6B !important;

}

.st-bg-table .st-bg:last-child,
.tg-weekend:last-child,
#weekViewAllDayBgwk .st-bg:last-child {
background-color: #FFF0EE !important;
}

.dp-dayh:nth-last-child(2),
.dp-weekend:nth-last-child(2),
.dp-weekend-selected:nth-last-child(2) {

color: #22F !important;

}

.dp-weekend:nth-last-child(2).dp-offmonth,
.dp-weekend-selected:nth-last-child(2).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;

}
}



※ 2013/08/25 コード差し替えました。

2012年7月17日(火曜日) 06:00