As Microsoft rolls out the new Mega Menu experience for the Modern UI some of you may be wondering where these colors come from. In this post I will review the header background color options and call out which theme colors get used along the way. From left to right in the image below we have the four background options, which I'll call by the names of their color labels, Background Color (White) Theme, Neutral Light Theme, Light Theme, Dark Theme. I used the Microsoft Theme generator ( https://developer.microsoft.com/en-us/fabric#/styles/themegenerator ) to create my theme and applied the theme to my tenant using the Add-PnPTenantTheme ( https://docs.microsoft.com/en-us/powershell/module/sharepoint-pnp/add-pnptenanttheme?view=sharepoint-ps ) command to apply the following theme in PowerShell, I've also added comments to lines that impact themes for your reference. @{ "themePrimary" = "#0a162b"; #Theme Dark Local "themeLighterAlt" = "...
Microsoft - O365 - SharePoint Blog