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. 


Comments

  1. 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

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Top Courses to learn

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

    ReplyDelete
  4. 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.
    Now

    ReplyDelete
  5. 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

    ReplyDelete
  6. 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

    ReplyDelete
  7. 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

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

    ReplyDelete
  9. This post is so interactive and informative.keep update more information...
    Web Designing Course in T Nagar
    Web Designing Course in chennai

    ReplyDelete
  10. Very nice post, impressive. its quite different from other posts. Thanks for sharing.
    Apply for Super Visa Canada

    ReplyDelete
  11. Our expert designers are dedicated to producing layouts that ensure your design is distinctive to our clients' liking as well as functional. We warmly invite you to browse our website or visit our freshly remodeled showroom to witness for yourself how Cabinet & Stone City can provide luxury without the cost!

    ReplyDelete
  12. Maintaining the safest driving records on the road, our drivers are the company's most valuable assets and the reason for our growth and success.

    ReplyDelete
  13. Fame Jackets have so far served many of customers and thus we can claim to have customers wearing our jackets throughout the world. To make sure smooth and efficient shipping and delivery solutions Fame Jackets collaborate with the premium courier services working internationally.

    ReplyDelete

Post a Comment

Popular posts from this blog

Generate Word Document From A SharePoint List Item Using Microsoft Flow

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

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