Create and Deploy Your Own Custom SharePoint Theme

By Khoa Q.
Published a year ago
~2 minute read
wave small

NIFTITPost-CreateanddeployYourOwn.png

Before we get started, make sure you have the latest version of SharePoint Online Management Shell installed. Note we will need the Add-SPOTheme command in order to perform this tutorial. Here is how to create and deploy your own custom SharePoint theme

1. Create the Custom SharePoint Theme

Go to https://developer.microsoft.com/en-us/fabric#/styles/themegenerator in order to create you own theme. You will be able to change items like the primary theme color, body text color, and body background color. A cool feature is that you can see live how the changes you make will impact the readability and accessibility of your SharePoint site. The most important part here is to copy the PowerShell column once you are done.

1_6z5pMBKaWkl5MduuE6m9Cw.png Make sure to copy the PowerShell shared with you.

2. Update the Script

Go to https://docs.microsoft.com/en-us/powershell/module/sharepoint-online/add-spotheme?view=sharepoint-ps and get the script shared with you into a .PS1 file. You will need to add the SPO-Connect command with the right tenant information in order to connect then replace the code in the $themepalette array.

1_8_s5BPQHzFQv8LPCorZ_ig.png Run the script. 1_-w2FO4-EeEGjkqbDSM3ybA.png

3.Verify and Apply the New Look

Connect to the SharePoint site within the targeted tenant. If you go to one of the site pages, you should see the “Change the look” option from the cog wheel dropdown.

1_15ItCn94cTtPlex2E7c3Hg.png

Click on that option and then select the “My Custom Theme” that you have created (it will show under “Company themes”). Don’t forget to click “Apply”.

1_Fnf0N1hPEPct9xhhLwmv6A.png


Here at NIFTIT, from Office 365 consulting to SharePoint solutions, we can handle projects of any size and difficulty. We follow industry standards and best practices to build world-class solutions. learn more about our services here!