Forum Discussion

PLove59's avatar
PLove59
Brass Contributor
Jun 02, 2020
Solved

Calendar Overlay Color Menu

Good Morning All,

I have a SPO calendar with multiple calendar overlays and used a separate CSS for the overlay colors. However, the default overlay colors, in the Color field drop-down menu, do not match the colors in the CSS file. Is there a way to change the menu options in the Calendar Overlay settings Color field? A screenshot is below. Many thanks!

 

  • Honestly, I would not recommend any kind of these customizations. If you're worried about the person who's going to be managing the site after you, then what you're doing here isn't going good for them. These kinds of customizations aren't really supported, to change the stuff out of the box with CSS like that specially with SharePoint online. Once Microsoft decides to update the HTML or anything for its controls, or once your company decides to go to modern sites, your company will be mad at you.

    My suggestion is to discuss the business need itself and check how changing these colors would increase the productivity of the business, rather than trying to tweak the product itself in an unsupported way.

6 Replies

  • PLove59 You can't change the options in the dropdown, but you can overwrite the colors when calendars are rendered in the page using CSS. How did you add the custom CSS to your page? 

    • PLove59's avatar
      PLove59
      Brass Contributor

      derhallimGood Morning,

       

      I used a custom CSS and applied it to the Master page via the 'Alternate CSS URL.'  I assumed the new stylesheet would override the available colors in the Calendar Overlay settings 'Color' field menu, but it doesn't.  Fortunately, I'm the single admin for our SharePoint site and know there is a custom CSS for the color fields.  However, if anyone comes in behind me and adds a new overlay the menu options are going to be confusing.  There is no way to replace the menu color names programmatically?

      • derhallim's avatar
        derhallim
        MCT
        Honestly, I would not recommend any kind of these customizations. If you're worried about the person who's going to be managing the site after you, then what you're doing here isn't going good for them. These kinds of customizations aren't really supported, to change the stuff out of the box with CSS like that specially with SharePoint online. Once Microsoft decides to update the HTML or anything for its controls, or once your company decides to go to modern sites, your company will be mad at you.

        My suggestion is to discuss the business need itself and check how changing these colors would increase the productivity of the business, rather than trying to tweak the product itself in an unsupported way.

Resources