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. 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
  4. 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
  5. Great blog. Thanks for sharing such a useful information.
    Java training chennai

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

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

    ReplyDelete
  8. 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
  9. 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
  10. 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
  11. I would like to thank you for the wonderful information. Amazing post!. Join the best online English language courses, embark on a journey to fluency, and watch your language skills soar with us!
    Book a free demo today. Learn english online in bahrain

    ReplyDelete

Post a Comment

Popular posts from this blog

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

Generate Word Document From A SharePoint List Item Using Microsoft Flow

Creating SharePoint Aspx Pages from Word Documents using PowerShell