CSS
Chrome
firefox
google
calendar

2017年10月にデザインが刷新されたGoogleカレンダーで月表示の土日に色をつけるCSS

Googleカレンダーの月表示ではCSSで土日に色をつけて利用しています。
Googleカレンダーのデザインが刷新されてHTMLの構造やクラス名が変わってしまい以前のCSSは使えなくなってしまったので現行版に合わせて書き直しました。

デザインの刷新についての情報は他記事を御覧ください。
GoogleカレンダーのWeb版がデザインを一新

独自CSSの設定はChromeではStylistという拡張機能で、FirefoxではStylishというアドオンで行っています。
適宜設定でプレフィクスや正規表現でURL(https://calendar.google.com/calendar/r) を指定してください。
※月表示にのみ対応していています。週表示などには対応していません。
※現時点のGoolgeカレンダーに合わせて作成したCSSなので、Googleカレンダー側に変更が合った場合は適宜変更してください。(色なども好きなものに変えてください)

月曜開始

    /* 
     * -----------
     * main 
     * ----------- 
     */
    /*** week columnheader ***/
    /* Saturday */
    .PhLhOd.elYzab-cXXICe-Hjleke:nth-child(6) .wy3aMe {
        color: #6A6AFF !important;
    }
    /* Sunday */
    .PhLhOd.elYzab-cXXICe-Hjleke:last-child .wy3aMe {
        color: #FF6A6B !important;
    }


    /*** month presentation ***/
    /* Saturday */
    .t8qpF.elYzab-cXXICe-Hjleke:nth-child(6) {
        background-color: #eaf4ff !important;
        color: #6A6AFF !important;
    }
    /* Sunday */
    .t8qpF.elYzab-cXXICe-Hjleke:last-child {
        background-color: #ffeaea !important;
        color: #FF6A6B !important;
    }



    /* 
     * -----------
     * side 
     * ----------- 
     */
    /*** week columnheader ***/
    /* Saturday */
    .zRt28b:nth-child(6) :first-child {
        color: #22F !important;
    }
    /* Sunday */
    .zRt28b:last-child :first-child {
        color: #E22 !important;
    }

    /*** month presentation ***/
    /* Saturday */
    .iMprOe:nth-child(6) .r4nke {
        color: #88F !important;
    }
    /* Sunday */
    .iMprOe:last-child .r4nke {
        color: #E88 !important;
    }

  
日曜開始

    /* 
     * -----------
     * main 
     * ----------- 
     */
    /*** week columnheader ***/
    /* Saturday */
    .PhLhOd.elYzab-cXXICe-Hjleke:last-child .wy3aMe {
        color: #6A6AFF !important;
    }
    /* Sunday */
    .PhLhOd.elYzab-cXXICe-Hjleke:first-child .wy3aMe {
        color: #FF6A6B !important;
    }

    /*** month presentation ***/
    /* Saturday */
    .t8qpF.elYzab-cXXICe-Hjleke:last-child {
        background-color: #eaf4ff !important;
        color: #6A6AFF !important;
    }
    /* Sunday */
    .t8qpF.elYzab-cXXICe-Hjleke:first-child {
        background-color: #ffeaea !important;
        color: #FF6A6B !important;
    }



    /* 
     * -----------
     * side 
     * ----------- 
     */
    /*** week columnheader ***/
    /* Saturday */
    .zRt28b:last-child :first-child {
        color: #22F !important;
    }
    /* Sunday */
    .zRt28b:first-child :first-child {
        color: #E22 !important;
    }

    /*** month presentation ***/
    /* Saturday */
    .iMprOe:last-child .r4nke {
        color: #88F !important;
    }
    /* Sunday */
    .iMprOe:first-child .r4nke {
        color: #E88 !important;
    }