Add theme support.

packages/editor/cypress/e2e/renderAll.cy.ts

@@ -14,6 +14,7 @@ describe('Render all sample maps', () => {
     'sample1',
     'sample2',
     'sample3',
+    'welcome-prism',
     'sample4',
     'sample5',
     'sample6',

packages/editor/cypress/e2e/topicShape.cy.ts

@@ -48,7 +48,7 @@ describe('Topic Shape Suite', () => {
       .invoke('attr', 'rx')
       .then(parseInt)
       .should('be.a', 'number')
-      .should('be.eq', 9);
+      .should('be.eq', 8);
 
     cy.focusTopicByText('Mind Mapping');
     cy.matchImageSnapshot('changeToRoundedRectangle');

packages/editor/test/playground/index.html

@@ -28,6 +28,7 @@
 		<p><span class="section">View Mode:</span>Simple integration to load and render mindaps in read only mode.</p>
 		<ul>
 			<li><a href="/viewmode.html?id=welcome">Welcome</a></li>
+			<li><a href="/viewmode.html?id=welcome-prism">Welcome Prism</a></li>
 			<li><a href="/viewmode.html?id=sample1">Sample 1</a></li>
 			<li><a href="/viewmode.html?id=sample2">Sample 2</a></li>
 			<li><a href="/viewmode.html?id=sample3">Sample 3</a></li>

packages/editor/test/playground/map-render/samples/welcome-prism.wxml

@@ -0,0 +1,3 @@
+<map name="3" version="tango" theme="prism"><topic central="true" text="Welcome To WiseMapping" id="1" connColor="#495879"><eicon id="❤️"/><topic position="228,-214" order="0" id="30" bgColor="rgb(224,229,239)"><text><![CDATA[5 min tutorial video ?
+Follow the link !]]></text><link url="https://youtu.be/rKxZwNKs9cE" urlType="url"/><eicon id="🖥️"/></topic><topic position="-192,-163" order="1" text="Try it Now!" shape="line" id="11" bgColor="rgb(224,229,239)" brColor="#080559"><eicon id="📌"/><topic position="-308,-204" order="0" text="Double Click" id="12" fontStyle=";;;;italic;" bgColor="rgb(224,229,239)"/><topic position="-335,-163" order="1" id="13" bgColor="rgb(224,229,239)"><text><![CDATA[Press "enter" to add a 
+Sibling]]></text></topic><topic position="-325,-122" order="2" text="Drag map to move" id="14" fontStyle=";;;;italic;" bgColor="rgb(224,229,239)"/></topic><topic position="187,-67" order="2" text="Features" id="15"><icon id="things_window-layout"/><topic position="294,-177" order="0" text="Links to Sites" id="16" fontStyle=";6;;;;" bgColor="rgb(224,229,239)"><link url="https://www.wikipedia.org/" urlType="url"/></topic><topic position="279,-107" order="1" text="Styles" id="31" bgColor="rgb(224,229,239)"><topic position="349,-144" order="0" text="Fonts" id="17" fontStyle="Brush Script MT;;;;;" bgColor="rgb(224,229,239)"/><topic position="369,-107" order="1" text="Topic Color" shape="elipse" id="18"/><topic position="374,-71" order="2" text="Topic Shapes" shape="rounded rectangle" id="19"/></topic><topic position="286,-35" order="2" text="Icons" id="20" bgColor="rgb(224,229,239)"><eicon id="🌈"/></topic><topic position="315,2" order="3" text="History Changes" id="21" bgColor="rgb(224,229,239)"><eicon id="🔄"/></topic><topic position="286,38" order="4" text="Notes" id="43" bgColor="rgb(224,229,239)"><note><![CDATA[Add notes !]]></note></topic></topic><topic position="-200,-31" order="3" text="Mind Mapping" shape="line" id="6" bgColor="rgb(224,229,239)"><eicon id="👍"/><topic position="-350,-86" order="0" text="Share with Colleagues" id="7" bgColor="rgb(224,229,239)"/><topic position="-307,-49" order="1" text="Online" id="8" bgColor="rgb(224,229,239)"/><topic position="-340,-13" order="2" text="Anyplace, Anytime" id="9" bgColor="rgb(224,229,239)"/><topic position="-308,23" order="3" text="Free!!!" id="10" bgColor="rgb(224,229,239)"/></topic><topic position="195,111" order="4" text="Productivity" shape="line" id="2" bgColor="rgb(224,229,239)"><eicon id="📊"/><topic position="334,74" order="0" text="Share your ideas" id="3" bgColor="rgb(224,229,239)"><eicon id="💡"/></topic><topic position="318,111" order="1" text="Brainstorming" id="4" bgColor="rgb(224,229,239)"/><topic position="296,147" order="2" text="Visual " id="5" bgColor="rgb(224,229,239)"/></topic><topic position="-212,78" order="5" text="Install In Your Server" id="27"><topic position="-366,60" order="0" text="Open Source" id="29" bgColor="rgb(224,229,239)"><link url="https://www.wisemapping.org/" urlType="url"/><eicon id="🐧"/></topic><topic position="-349,96" order="1" text="Download" id="28" bgColor="rgb(224,229,239)"><link url="https://hub.docker.com/r/wisemapping/wisemapping" urlType="url"/></topic></topic><topic position="194,202" order="6" text="Connection" id="37" bgColor="rgb(224,229,239)" connStyle="2"><eicon id="🖇️"/><topic position="293,184" order="0" text="Styles" id="39" bgColor="rgb(224,229,239)" connStyle="2"/><topic position="296,220" order="1" text="Shapes" id="40" bgColor="rgb(224,229,239)" connStyle="2"/></topic><topic position="-193,169" order="7" text="Collaborate" id="32"><eicon id="👨‍👧‍👦"/><topic position="-295,133" order="0" text="Embed" id="33" bgColor="rgb(224,229,239)"/><topic position="-295,169" order="1" text="Publish" id="34" bgColor="rgb(224,229,239)"/><topic position="-330,205" order="2" text="Share for Edition" id="35" bgColor="rgb(224,229,239)"><eicon id="✉️"/></topic></topic></topic><relationship srcTopicId="30" destTopicId="11" lineType="3" srcCtrlPoint="-80,-56" destCtrlPoint="110,-116" endArrow="false" startArrow="true"/></map>