PowerShell Theme Upload

I quite often get asked about 'quick wins' when trying to make SharePoint sites look more professional. Adding your organisations branding theme is one of those. The following steps show you how to add a custom theme to deploy on your sites:

Go to the following Website:

https://fluentuipr.z22.web.core.windows.net/heads/master/theming-designer/index.html?

Add company colour hex code

Note: If it fails the Accessibility checker then you should consider an alternative colour from your organisations branding guidelines.

Export > PowerShell

Download SharePoint Online Management Shell from Official Microsoft Download Center

Connect-SPOService

URL: https://<your domain>-admin.sharepoint.com

Sign In

?Add your generated PowerShell script with the following additional lines highlighted in bold:

$ThemePalette =

@{

"themePrimary" = "#156c6c";

"themeLighterAlt" = "#f1f9f9";

"themeLighter" = "#c9e7e7";

"themeLight" = "#9fd3d3";

"themeTertiary" = "#55a6a6";

"themeSecondary" = "#247d7d";

"themeDarkAlt" = "#126060";

"themeDark" = "#0f5151";

"themeDarker" = "#0b3c3c";

"neutralLighterAlt" = "#faf9f8";

"neutralLighter" = "#f3f2f1";

"neutralLight" = "#edebe9";

"neutralQuaternaryAlt" = "#e1dfdd";

"neutralQuaternary" = "#d0d0d0";

"neutralTertiaryAlt" = "#c8c6c4";

"neutralTertiary" = "#a19f9d";

"neutralSecondary" = "#605e5c";

"neutralSecondaryAlt" = "#8a8886";

"neutralPrimaryAlt" = "#3b3a39";

"neutralPrimary" = "#323130";

"neutralDark" = "#201f1e";

"black" = "#000000";

"white" = "#ffffff";

}

Add-SPOTheme -Name "<Theme Name>" -Palette $ThemePalette -IsInverted $False

Make sure you give your theme a relevant name

Go to your SharePoint site and select Settings > Change the look > Theme

Find your theme under 'From your organisation'

Note: if you have created a SharePoint intranet you can apply a custom theme to the Hub Site which will be pushed out to any connected sites.

If you want to explore this or other design options then come and talk to us at [email protected]