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

Create Your First SharePoint Framework (SPFx) Web Part in 15 Minutes

Create Your First SharePoint Framework (SPFx) Web Part in 15 Minutes

Learn how to create your first SharePoint Framework (SPFx) web part in just a few minutes with this step-by-step guide from Imaginet. Discover the tools and software you’ll need, and…

Flutter Mobile App Development

Should Your Next Mobile App Be Built with Flutter?

Flutter is a powerful mobile app development framework that helps you create beautiful, fast, and reliable apps. Learn why Flutter is the best choice for your next mobile app project…

Microsoft Teams meeting in progress

Understanding Communication Patterns

Learn how to recognize and understand communication patterns in your relationships. Our comprehensive guide covers the basics of communication, from body language to verbal cues, and provides strategies for improving…

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.