New theme engine for the suite bar in Office 365 SharePoint sites

Today I saw a lag in the loading of the new suite bar colors on one of my SharePoint site in Office 365.

Show image

Show image

The suite bar uses the O365ShellCore.css to do the styling. It turns out that when you apply a composed look to your site, the new colors are set by a new theme engine of the suite bar on the fly.

The location of this engine can be found on https://portal.office.com/data.theme and is used as follows:

https://portal.office.com/data.theme?action=tcspo&tc=rgb(229%2C%2020%2C%200)%7Crgb(68%2C%2068%2C%2068)%7Crgb(229%2C%2020%2C%200)%7Crgb(255%2C%20255%2C%20255)%7Crgb(146%2C%20192%2C%20224)%7Crgba(239%2C%20239%2C%20239%2C%200.8)%7Crgb(102%2C%20102%2C%20102)%7Crgb(51%2C%2051%2C%2051)%7Crgb(255%2C%20255%2C%20255)%7Crgba(255%2C%20226%2C%20223%2C%200.498039)%7Crgb(222%2C%20222%2C%20222)&l=en-US

If you follow the link, this will give you back a stylesheet (data.css) to replace the suite bar colors. This is dynamically loaded on the page, so that is where the small lag is coming from.