Custom Theme Applicator for SharePoint Online Modern Experience

In most cases you have to customize the modern experience based on your organization's branding or identity. Microsoft has given us a variety of options to do that; we have PowerShell cmdlets, CSOM and REST API. It seems most people prefer to just use PowerShell for this purpose as you get to see most blogs discussing how to create a custom theme using PowerShell. But to me, it's very tedious to work with PowerShell when you are testing different shades of color to use in your custom theme.  I prefer an interface that allows me to click buttons to create or update, retrieve an existing theme and even remove it without working with a set of commands. It's a faster for me :). So to avoid the hassle of working with commands each time I want to test my theme, I decided to develop a SharePoint add-in  using SharePoint theming REST API . You can download the app here in the app.publish folder. Once downloaded, upload the app to your App catalog and it's ready for use! Here is the Source code. It has two interfaces:

Interface 1

It displays the color in the background when you type in hex code. A custom theme is predefined when you lunch the app.

Interface 2

You have this option if you prefer not to work with hex code. Just select the color you want in the color palette box.

Note: Based on my testing, I tried to explain where each color "theme setting" (e.g themePrimary) is used in the modern site, but it's not very comprehensive, and in some cases, I have found that a color theme setting which I thought was controlling a particular component is not actually the one controlling that component. It is probably another theme setting sharing the same hex code. It can be very confusing, and stressful in coming up with perfect shades of color that works well for every components on your modern page, and Microsoft documentation does not have explanation on that. So be sure to test well and confirm the description I have put for each theme setting.

I hope you will find it useful for testing and maintaining you custom themes. Kindly share your experience too on what each theme setting controls on the modern page. 


  1. In the beginning, I would like to thank you much about this great post. Its very useful and helpful for anyone looking for tips. I like your writing style and I hope you will keep doing this good working.
    Ethical Hacking Course in Chennai
    Certified Ethical Hacking Course in Chennai
    PHP Training in Chennai
    ccna Training in Chennai
    Web Designing Course in Chennai
    ethical hacking course in chennai
    hacking course in chennai

  2. Thanks for sharing this valuable information to our vision. You have posted a worthy blog keep sharing.

    Article submission sites

  3. Amazing blog with the latest information. Your blog helps me to improve myself in many ways. Looking forward for more like this.
    rpa training in chennai

  4. This comment has been removed by the author.

  5. Top Courses to learn

    I am glad that I have visited this blog. Really helpful, eagerly waiting for more updates.

  6. financial advisor hyderabad
    A Professional Coaching Institute, founded with the vision of Creating Quality Chartered Accountants, has been a stepping stone to the success of Aspiring Students.

  7. hadoop interview questions and answers pdf

    Cracking Hadoop interview will be easy with 101 Hadoop Interview Questions with Answers. Hope this will gain you with more knowledge!
    hadoop interview questions and answers for experienced

  8. Thanks a lot for sharing a great blog I was just browsing through the internet looking for some information and came across your blog. I am impressed by the information that you have on this blog. It shows how well you understand this subject. Bookmarked this page, will come back for more keep going on it helped me a lot I have gained a lot of knowledge by reading your blog.

    Oracle SOA Training
    Oracle SOA 12c Training
    Oracle soa online training
    Oracle soa course
    oracle soa suite training

  9. Thanks a lot for sharing a valuable blog on Oracle SOA Training. I was browsing through the internet looking for Oracle SOA Training and came across your blog. I am impressed by the information that you have on this blog. It shows how well you understand this subject, you can find more information about Oracle SOA by attending Oracle SOA Training. You can learn about interview questions by visiting fusion Interview Questions

  10. This was a very informative article, indeed loved to read and clear my doubts. Keep us posted a lot more blogs. Also check out our blog pages too.

    data science training in chennai

    ccna training in chennai

    iot training in chennai

    cyber security training in chennai

    ethical hacking training in chennai

  11. Great blog.thanks for sharing such a useful information
    Pytest Online Training

  12. Great blog. Thanks for sharing such a useful information.
    Java training chennai


Post a Comment

Popular posts from this blog

Generate Word Document From A SharePoint List Item Using Microsoft Flow

Calling Microsoft Graph API from an Angular 5 Single Page Application (SPA)

Creating SharePoint Framework Client Web Part and solving the challenges with _RequestDigest Token value using React