Change the color of modern views

I got a question from a customer who did not want the red, purple, pink, green etc colors in the modern views in SharePoint on Office365. It seems like each subsite gets their own colors, and how can you change that to one color that matches the company’s graphic profile?

 

Pressed F12 to get the developer tools and deselected the bg color that was in a class called something with theme.. and then the default blue color showed up. So this color theme comes from an actual theme on the site. I have never chosen a theme, but decided to check out if any settings where applied anyway.

First I opened the link “Theme” in Site settings, and removed any folders from there. Did not change anything.

Then I opened Site settings > Change the look and selected the Office Default Theme. No change.

To see the connection between the site and its modern view colors:

Click on “SharePoint”, the tile in the app launcher. There you can see the pattern. The colors comes from the icons there. It matches, I got the pink color and purple color on these two sites when I open the modern views. I am stuck here, there is no settings that I have found that can change these colors.

 

Conclusion:

If you don’t want these random colors, make the following changes (below). Note that this will NOT affect the sites that are already created.

  • Follow my steps above to remove any old Themes
  • Click on the “Office” default theme in “Change the look” so that is really added
  • You can check the “Prevent users from overrriding..” in Admin Center and it will still add the new sites in default blue theme

Now all your site icons in “SharePoint” and the modern view colors will be the default blue:

Leave a Reply

1 Comment on "Change the color of modern views"

avatar
  Subscribe  
newest oldest most voted
Notify of
J T
Guest
Great article, thanks for sharing! I am having a seriously hard time replicating your results. I cannot find a way to change the default colors that SP assigns to the site colors at the site root level. Changing theme and colors within each site is no problem, but when I go to the sharepoint.aspx landing page, all sites are assigned random bright colors. This wouldn’t be such a huge issue if it didn’t percolate down to the mobile app experience, but it does. When I load up the sharepoint iOS app, my list of sites show the same bright color… Read more »