Skip to content

Colorize Weekend on Google Calendar by itamjp

Screenshot of Colorize Weekend on Google Calendar
Write a review Install Get Stylus

Details

Authoritamjp

LicenseCC0

CategoryGoogle Calendar

Created

Updated

Size9.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Colorize Weekend on Google Calendar.
In default,

  • Locale text is Japanese.
  • Start of week is Monday.

Notes

Colors settings

If use another weekday for the starting of week in your settings, or if you want to use another colors for each weekday, please change the color.

Locale text settings

Please change from all of "月曜日","火曜日","水曜日","木曜日","金曜日","土曜日","日曜日" to each weekday text of your locale, like as "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday".

Source code

/* ==UserStyle==
@name       Colorize Weekend on Google Calendar
@version    20240716.1.1
@namespace  https://userstyles.world/user/itamjp
@author     itam.jp
@license    CC0

@preprocessor stylus
@var color col1color '1st column color'                  #ffffff00
@var color col2color '2nd column color'                  #ffffff00
@var color col3color '3rd column color'                  #ffffff00
@var color col4color '4th column color'                  #ffffff00
@var color col5color '5th column color'                  #ffffff00
@var color col6color '6th column color'                  #e0ffffff
@var color col7color '7th column color'                  #ffe0ffff

@var color moncolor 'Monday column color'                #ffffff00
@var color tuecolor 'Tuesday column color'               #ffffff00
@var color wedcolor 'Wednesday column color'             #ffffff00
@var color thucolor 'Thursday column color'              #ffffff00
@var color fricolor 'Friday column color'                #ffffff00
@var color satcolor 'Saturday column color'              #e0ffffff
@var color suncolor 'Sunday column color'                #ffe0ffff

@var text  monlabel 'Monday locale text for "月曜日"'    '"月曜日"'
@var text  tuelabel 'Tuesday locale text for "火曜日"'   '"火曜日"'
@var text  wedlabel 'Wednesday locale text for "水曜日"' '"水曜日"'
@var text  thulabel 'Thursday locale text for "木曜日"'  '"木曜日"'
@var text  frilabel 'Friday locale text for "金曜日"'    '"金曜日"'
@var text  satlabel 'Saturday locale text for "土曜日"'  '"土曜日"'
@var text  sunlabel 'Sunday locale text for "日曜日"'    '"日曜日"'


==/UserStyle== */
@-moz-document url-prefix("https://calendar.google.com/calendar/") {
  #drawerMiniMonthNavigator table[role="grid"] tr > *:nth-last-of-type(7) { background-color: col1color; }
  #drawerMiniMonthNavigator table[role="grid"] tr > *:nth-last-of-type(6) { background-color: col2color; }
  #drawerMiniMonthNavigator table[role="grid"] tr > *:nth-last-of-type(5) { background-color: col3color; }
  #drawerMiniMonthNavigator table[role="grid"] tr > *:nth-last-of-type(4) { background-color: col4color; }
  #drawerMiniMonthNavigator table[role="grid"] tr > *:nth-last-of-type(3) { background-color: col5color; }
  #drawerMiniMonthNavigator table[role="grid"] tr > *:nth-last-of-type(2) { background-color: col6color; }
  #drawerMiniMonthNavigator table[role="grid"] tr > *:nth-last-of-type(1) { background-color: col7color; }

  *[data-viewkey="WEEK"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={monlabel}]) { background-color: moncolor; }
  *[data-viewkey="WEEK"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={tuelabel}]) { background-color: tuecolor; }
  *[data-viewkey="WEEK"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={wedlabel}]) { background-color: wedcolor; }
  *[data-viewkey="WEEK"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={thulabel}]) { background-color: thucolor; }
  *[data-viewkey="WEEK"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={frilabel}]) { background-color: fricolor; }
  *[data-viewkey="WEEK"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={satlabel}]) { background-color: satcolor; }
  *[data-viewkey="WEEK"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={sunlabel}]) { background-color: suncolor; }

  *[data-viewkey="DAY"] *[role="main"]:has(*[aria-label*={monlabel}]) *[role="presentation"]:has(>*[role="columnheader"]) { background-color: moncolor; }
  *[data-viewkey="DAY"] *[role="main"]:has(*[aria-label*={tuelabel}]) *[role="presentation"]:has(>*[role="columnheader"]) { background-color: tuecolor; }
  *[data-viewkey="DAY"] *[role="main"]:has(*[aria-label*={wedlabel}]) *[role="presentation"]:has(>*[role="columnheader"]) { background-color: wedcolor; }
  *[data-viewkey="DAY"] *[role="main"]:has(*[aria-label*={thulabel}]) *[role="presentation"]:has(>*[role="columnheader"]) { background-color: thucolor; }
  *[data-viewkey="DAY"] *[role="main"]:has(*[aria-label*={frilabel}]) *[role="presentation"]:has(>*[role="columnheader"]) { background-color: fricolor; }
  *[data-viewkey="DAY"] *[role="main"]:has(*[aria-label*={satlabel}]) *[role="presentation"]:has(>*[role="columnheader"]) { background-color: satcolor; }
  *[data-viewkey="DAY"] *[role="main"]:has(*[aria-label*={sunlabel}]) *[role="presentation"]:has(>*[role="columnheader"]) { background-color: suncolor; }

  *[data-viewkey="CUSTOM_DAYS"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={monlabel}]) { background-color: moncolor; }
  *[data-viewkey="CUSTOM_DAYS"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={tuelabel}]) { background-color: tuecolor; }
  *[data-viewkey="CUSTOM_DAYS"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={wedlabel}]) { background-color: wedcolor; }
  *[data-viewkey="CUSTOM_DAYS"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={thulabel}]) { background-color: thucolor; }
  *[data-viewkey="CUSTOM_DAYS"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={frilabel}]) { background-color: fricolor; }
  *[data-viewkey="CUSTOM_DAYS"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={satlabel}]) { background-color: satcolor; }
  *[data-viewkey="CUSTOM_DAYS"] *[role="main"] *[role="columnheader"]:has(*[aria-label*={sunlabel}]) { background-color: suncolor; }

  *[data-viewkey="AGENDA"] *[role="rowgroup"]:has(*[aria-label*={monlabel}]) { background-color: moncolor; }
  *[data-viewkey="AGENDA"] *[role="rowgroup"]:has(*[aria-label*={tuelabel}]) { background-color: tuecolor; }
  *[data-viewkey="AGENDA"] *[role="rowgroup"]:has(*[aria-label*={wedlabel}]) { background-color: wedcolor; }
  *[data-viewkey="AGENDA"] *[role="rowgroup"]:has(*[aria-label*={thulabel}]) { background-color: thucolor; }
  *[data-viewkey="AGENDA"] *[role="rowgroup"]:has(*[aria-label*={frilabel}]) { background-color: fricolor; }
  *[data-viewkey="AGENDA"] *[role="rowgroup"]:has(*[aria-label*={satlabel}]) { background-color: satcolor; }
  *[data-viewkey="AGENDA"] *[role="rowgroup"]:has(*[aria-label*={sunlabel}]) { background-color: suncolor; }

  *[data-viewkey="MONTH"] *[role="main"] *[role="columnheader"]:nth-last-of-type(7) { background-color: col1color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="columnheader"]:nth-last-of-type(6) { background-color: col2color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="columnheader"]:nth-last-of-type(5) { background-color: col3color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="columnheader"]:nth-last-of-type(4) { background-color: col4color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="columnheader"]:nth-last-of-type(3) { background-color: col5color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="columnheader"]:nth-last-of-type(2) { background-color: col6color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="columnheader"]:nth-last-of-type(1) { background-color: col7color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="grid"] > *[role="presentation"] > *[role="row"] > *:first-child > *:nth-last-of-type(7) { background-color: col1color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="grid"] > *[role="presentation"] > *[role="row"] > *:first-child > *:nth-last-of-type(6) { background-color: col2color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="grid"] > *[role="presentation"] > *[role="row"] > *:first-child > *:nth-last-of-type(5) { background-color: col3color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="grid"] > *[role="presentation"] > *[role="row"] > *:first-child > *:nth-last-of-type(4) { background-color: col4color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="grid"] > *[role="presentation"] > *[role="row"] > *:first-child > *:nth-last-of-type(3) { background-color: col5color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="grid"] > *[role="presentation"] > *[role="row"] > *:first-child > *:nth-last-of-type(2) { background-color: col6color; }
  *[data-viewkey="MONTH"] *[role="main"] *[role="grid"] > *[role="presentation"] > *[role="row"] > *:first-child > *:nth-last-of-type(1) { background-color: col7color; }

  *[data-viewkey="YEAR"] *[role="main"] table[role="grid"] tr > *:nth-last-of-type(7) { background-color: col1color; }
  *[data-viewkey="YEAR"] *[role="main"] table[role="grid"] tr > *:nth-last-of-type(6) { background-color: col2color; }
  *[data-viewkey="YEAR"] *[role="main"] table[role="grid"] tr > *:nth-last-of-type(5) { background-color: col3color; }
  *[data-viewkey="YEAR"] *[role="main"] table[role="grid"] tr > *:nth-last-of-type(4) { background-color: col4color; }
  *[data-viewkey="YEAR"] *[role="main"] table[role="grid"] tr > *:nth-last-of-type(3) { background-color: col5color; }
  *[data-viewkey="YEAR"] *[role="main"] table[role="grid"] tr > *:nth-last-of-type(2) { background-color: col6color; }
  *[data-viewkey="YEAR"] *[role="main"] table[role="grid"] tr > *:nth-last-of-type(1) { background-color: col7color; }
}

Reviews

No reviews yet.