In this quick how-to video, we look at how you can apply your own company colors to SharePoint Online modern communication site. I'd call this how-to no code since small amount of code you have to copy is just copy & paste.
Links in this video:
Code used to update the theme:
$themepallette = @{
"themePrimary" = "#eab905";
"themeLighterAlt" = "#fffcf2";
"themeLighter" = "#fef9e4";
"themeLight" = "#fef3ca";
"themeTertiary" = "#fde590";
"themeSecondary" = "#fac810";
"themeDarkAlt" = "#d3a604";
"themeDark" = "#a48103";
"themeDarker" = "#816603";
"neutralLighterAlt" = "#e8dfdf";
"neutralLighter" = "#e5dada";
"neutralLight" = "#ddd0d0";
"neutralQuaternaryAlt" = "#d1bfbf";
"neutralQuaternary" = "#c9b4b4";
"neutralTertiaryAlt" = "#c3abab";
"neutralTertiary" = "#d6d6d6";
"neutralSecondary" = "#474747";
"neutralPrimaryAlt" = "#2e2e2e";
"neutralPrimary" = "#333333";
"neutralDark" = "#242424";
"black" = "#1c1c1c";
"white" = "#ece5e5";
"primaryBackground" = "#ece5e5";
"primaryText" = "#333333";
"bodyBackground" = "#ece5e5";
"bodyText" = "#333333";
"disabledBackground" = "#e5dada";
"disabledText" = "#c3abab";
}
Add-SPOTheme -Name "Origami Yellow" -Palette $themepallette -IsInverted $false
Code to remove the theme:
Remove-SPOTheme -Name "Origami Yellow"
Yaroslav Pentsarskyy is the Director of Product at Origami. He's also 8 time Microsoft MVP, speaker at many local and worldwide tech events, and a published author of several SharePoint related books.
Related Articles
