Imaginet blog

Customizing SharePoint Themes Using PowerShell

When it comes to choosing the color scheme for your SharePoint site, the default options may not be quite what you are looking for. Out of the box, SharePoint only comes with 12 distinct color schemes. And most of the time, these color schemes do not mesh well with your Company’s branding. To perfectly match your Company’s color scheme, you can create and upload custom themes.

Using Microsoft theme designer, customizing SharePoint themes is pain-free and made even easier. This designer is available at Fluent UI Theme Designer (windows.net). With this designer, you can set primary, secondary, and background colors. These color options are shown in real time using an example of a SharePoint page with icons, drop-down menus, and free text boxes.

customizing Sharepoint themes

 One of the best features of the Fluent UI Theme Designer is the “Accessibility Checker” which shows how legible the text is with the chosen color scheme.

accessinility checker

As you can see in the example above, the color scheme chosen shows a contrast ratio error with the primary and background colors. Playing around with the different shades of these colors can give you a theme that passes all the accessibility tests and is ready to export and install.

After choosing the appropriate colors for your customized theme, follow the instructions below to export and install.

1.     Click the “Export Theme” button at the top right of the page.

2.     Click on the PowerShell option, select all and copy the text to a text editor, such as Notepad.

3.     Download and install the SharePoint Online Management app from Microsoft here.

4.     Open the SharePoint Online Management app.

5.     At the prompt type: Connect-SPOService -Url https://domain-admin.sharepoint.com (replace domain with the appropriate SharePoint domain name), then press Enter.

6.     At the login screen, log in with your SharePoint Admin credentials.

7.     Once logged in, at the command prompt, type $themepalette =Paste in the code from Step 2. The window should look like this:

Sharepoint online management shell

8.     Press Enter, then type the following: Add-SPOTheme -Identity “Theme Name” -Palette $themepalette -IsInverted $false (Replace Theme Name with the name you want to give your theme). Note this name will be visible to those with access to the change the look, so give it a name appropriate to your Company. Press Enter and the theme will be installed and can be chosen from the “Change the Look” menu.

Sharepoint theme customization

Hope this tutorial helps you quickly and easily customize the look of your SharePoint site to reflect your professional style and brand.

discover more

SharePoint Embedded

SharePoint Embedded: Full Featured SharePoint Inside a Custom Application 

SharePoint Embedded: Full Featured SharePoint Inside a Custom Application  March 28, 2024 Custom applications that require a lot of document management have always been a challenge to build. Historically, we…

CoPilot For Microsoft Teams

CoPilot For Microsoft Teams: A Smart Assistant

CoPilot For Microsoft Teams: A Smart Assistant March 19, 2024 How CoPilot can help you make the most of your online meetings  I’ve been using CoPilot within my Teams meetings…

SPFx Custom Applications

Custom Global Navigation Using SPFx Application Customizers

Custom Global Navigation Using SPFx Application Customizers March 14, 2024 Out-of-the-box navigation in SharePoint Online has come a long way over the last number of years. Hub sites and hub…

Let’s Build Something Amazing Together

From concept to handoff, we’d love to learn more about what you are working on. Send us a message below or call us at 1-800-989-6022.