During last weekend I already teased a web part named ‘Panthema’. I was a bit surprised by the interest in this helpful tool for developer, consultant and everyone who has to manage themes in SharePoint on Office 365. I also think it helps a lot in debugging the colours used.
Panthema - shows all colours used on a modern experience in SharePoint and which theme slot applies them. #SPFx #sharepoint #modernexperience pic.twitter.com/6cqTjF7bSt
— Stefan Bauer (@StfBauer) March 10, 2019
The first version of this web part is now available to download as well as the source code.
You install the web part solution to your tenant and change the theme. The web part shows you then all used colours by this theme. A hover over the cards shows the theme slots used.
Have fun with this helpful tool, please provide feedback there are some things I add to it in the near future.
- Download
- Panthema on GitHub (Source Code).
Hi Stefan,
I just tried installing your web part , but when I add it to my page on my site I get the following error:
ERROR:
e.indexOf is not a function
CALL STACK:/sites/apps/ClientSideAssets/945562fe-620b-4b48-a2e5-201e9850e8cc/panthema-web-part_da4fbadc87dce7f9b710ec27849f87df.js:1:4835)/sites/apps/ClientSideAssets/945562fe-620b-4b48-a2e5-201e9850e8cc/panthema-web-part_da4fbadc87dce7f9b710ec27849f87df.js:1:4765) /sites/apps/ClientSideAssets/945562fe-620b-4b48-a2e5-201e9850e8cc/panthema-web-part_da4fbadc87dce7f9b710ec27849f87df.js:1:5235)
TypeError: e.indexOf is not a function
at https://
at Array.filter (
at t.themeColors (
at t.render (
at t._renderWithAccessibleTitle (https://modern.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_2b3882beebf4951f862f5eda34b53a92.js:65:1520441)
at https://modern.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_2b3882beebf4951f862f5eda34b53a92.js:65:1519995
Any ideas?