Is it possible to highlight or color code the current day in a calendar?

3 Answers 3


I did a "10 Step Guide" to get it working, but it's SharePoint 2013.
If you still interested you can give it a try.

Works with month, week and dayview!

10 Steps to get color calendar plus icons - German

10 Steps to get color calendar plus icons - English

enter image description here

  • The link is broken.
    – Emaborsa
    Commented Mar 10, 2016 at 8:28
  • Updated the links and added the tutorial in english
    – Patrick
    Commented Mar 11, 2016 at 13:52

You can try to add a content editor webpart and edit that webpart, Click Edit the source and past the following the CSS.


How to Change the Default Calendar Colors in SharePoint

  • Hi, the above CSS is being overwritten by a theme. How can I force my CCS over the theme?
    – Mike Blair
    Commented Jun 17, 2015 at 14:43
  • 1
    Solved it with <code><style> TR TD DIV.ms-acal-today { BACKGROUND-COLOR: #98ba17 }</style>
    – Mike Blair
    Commented Jun 17, 2015 at 14:50
  • To force a style add !important after the css style. So color:#0072c6 !important; Commented Jun 21, 2015 at 17:29

The current date is highlighted differently, it is in a div uses the following class: ms-acal-today. You could override this style to display something differently. Getting the container with the items for the date a bit more complex. It doesn't have a useful class assoicated with it, for example today on my 2010 calendaer is ms-acal-day1.

It would take some jQuery/Javascript to find the date index in the ms-acal-summary-dayrow and then get to the proper ms-acal-summary-itemrow to do any other stylistic changes.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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