Google カレンダーの土日に色を付ける 2018版 (Chrome, Firefox + Stylus)

Chrome or Firefox で、CSSをいじって(Stylus拡張を利用) 新しいGoogle カレンダーの土日に色を付ける

拡張機能 Stylus で、下記のようにCSSを追加し、GoogleカレンダーのURL( https://calendar.google.com/ )を前方一致で設定する

view plainprint?

1. div[role="columnheader"]{  
2.  background-color :#eeeeee !important;  
3. }  
4.   
5. div[role="columnheader"]:nth-child(1),  
6. div[class="gGDF0e"] div:nth-child(1){  
7.  background-color :#ffeeee !important;  
8. }  
9.   
10. div[role="columnheader"]:nth-child(7),  
11. div[class="gGDF0e"] div:nth-child(7){  
12.  background-color :#eeeeff !important;  
13. }  

div[role="columnheader"]{
 background-color :#eeeeee !important;
}

div[role="columnheader"]:nth-child(1),
div[class="gGDF0e"] div:nth-child(1){
 background-color :#ffeeee !important;
}

div[role="columnheader"]:nth-child(7),
div[class="gGDF0e"] div:nth-child(7){
 background-color :#eeeeff !important;
}

Chrome と Firefox の Stylusは互いにエクスポート・インポート可能です