FC2ブログ
--------(--)

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2017-12-13(Wed)

新しいGoogleカレンダー(2017 Web版)をStylishでカスタマイズ

GoogleカレンダーのUIが新しく使いやすくなりました。
デザインもスッキリして良いのですが、使ってみると前バージョン同様、当月の範囲が判りづらくて視線が泳いでしまいます。自分的には。

【変更前】



2018/08/17 追記: stylish ではなく stylus を使用しましょう。記事

そんなわけで、新バージョンのGoogleカレンダーも前回のようにStylishで色付けしてしまいます。

既に 公式サイト(https://userstyles.org/) には新しいGoogleカレンダー用のスタイルが幾つか登録されているようで、そちらを利用するのも手です。 私は今回も自分なりにカスタマイズしてみました。

【変更後】


公式サイトのリンクから利用したいブラウザ用のStylish拡張をインストールしたら「新しいスタイルを作成」。
名前を適当に「GoogleCalender2017」とかにして、以下のコードを貼り付けます。
/* 曜日背景 */
.XnnJrc {
background-color: #eac;
border-bottom: 1px #a86 solid;
}
.PhLhOd {
padding-bottom: 3px;
}
.pqE3fc {
padding-bottom: 3px;
background-color: #4285f4;
}
/* 曜日文字 */
.wy3aMe {
color: #644;
}
.pqE3fc .wy3aMe {
color: #fff;
}
/* 全ての日背景 */
.t8qpF {
background-color: #ddd;
}
/* 今月の日背景 */
.YK7obe {
background-color: #fff;
}
/* 今日の背景 */
.ef2wWc {
background-color: #e0fae0;
}

適用先は「次で始まるURL」等で、https://calendar.google.com/calendar/r がマッチするよう指定します。あとは保存すれば新しいGoolgeカレンダーの色合いを変えられます。

 

コメントの投稿

管理者にだけ表示を許可する

コメント

プロフィール

nakami

Author:nakami
可愛いテンプレートに似合う俺
うそAチームのスミス大佐

NAVI
カテゴリー
最近の記事
リンク
FC2カウンター
ブログ内検索
RSSフィード
sponsored link


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。