朝顔日記

風待ち日記 - Googleカレンダーの土・日の文字色を変更する方法 ならびに Googleカレンダーの土・日の文字色を変更しました に触発されて、自分なりに Google カレンダーの土日の表示を見やすくするユーザスタイルを書いてみました。ありがとうございます。＞お二方

といっても、上記の両エントリーに、チョロッと書き足して見出し的な部分の色も変えるようにしただけですが。以下がそのスタイルを適用した Google カレンダーのスクリーンショットのサムネイルです。等倍画像（約7KB）にリンクしています。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/calendar/) {
  #dh0, #dh7, #dh14, #dh21, #dh28, #dh35 {
    background-color: #ffcccc;
    color: #00f;
    padding:0 5em;
    font-weight:bold;
  }
  #dh6,#dh13,#dh20,#dh27,#dh34,#dh41 {
    color: #f00;
    background-color: #afecff;
    padding:0 5em;
    font-weight:bold;
  }
  #colheaders>div:first-child {
    background-color:#ff6666;
    color:#FFFFFF;
  }
  #colheaders>div+div+div+div+div+div+div {
    background-color:#33ccff;
    color:#000000;
  }
}

Firefox のユーザースタイルシート userContent.css に書いたり、Stylish というユーザスタイルシートを管理する拡張機能に登録したりすると使えます。

なお、上記のスタイルは週の始まりが日曜日始まりの設定用なので、月曜始まりの場合は、適宜書き換える必要があります。上記、風待ち日記さんところに id 表（何）があるので、それを参考にするといいと思います。また、画面サイズが巨大な方は、padding のところを適宜書き換えるといいかも。

それにしても、いまだに Google カレンダーの html の構造が理解できません。:p)