Web Applications Stack Exchange is a question and answer site for power users of web applications. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm currently using the following to colorize weekends in Google Calendar in Firefox (week-view):

@-moz-document url-prefix("https://www.google.com/calendar/") {
 td.tg-weekend {
    background-color: #Ffd4d4;}

But when the day is a weekend, it shows up in the normal bluish color instead of the reddish color. Is it possible to keep the color of the current day red if the current day is a weekend (there is a CSS element called tg-col-today, but I don't know how to use that to check if the today column is the same a a weekend column)

share|improve this question
Have a look at this thread: productforums.google.com/forum/#!topic/calendar/MwuAGn4wVgs There's a chrome extension in the chrome webstore. – Jacob Jan Tuinstra Jan 1 '13 at 21:16
I'm on Firefox. – asymptotically Jan 1 '13 at 22:56
There were pieces of code for FF available. – Jacob Jan Tuinstra Jan 2 '13 at 3:25
I wasn't able to find the source code. – asymptotically Jan 2 '13 at 5:26
Also, this isn't what I'm looking for. If 'Today' is Sunday, Sunday gets colored with 'Today's' color instead of Sunday's color, which is the problem I had with the CSS above. I would also prefer a Javascript/CSS solution rather than an add-on – asymptotically Jan 3 '13 at 2:39
up vote 4 down vote accepted

@AdamTaylor answered my question on Stack Overflow

Replace td.tg-weekend with td.tg-weekend, td.tg-weekend .tg-today

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.