apply stylesheets based on clicked div element
<p>I'm developing an application with Ionic2 and I have 2 stylesheets, <strong>theme1.css</strong> and <strong>theme2.css</strong>.</p>

<p>This is what I want: I have 2 divs. If I click on the first div I will apply theme1.css to all pages of my app while if I click the second div all the pages will use theme2.css . </p>

<p>This is <strong>myPage.html</strong></p>

<pre><code>&lt;div id="theme1" (click)="setTheme('theme1.css')"&gt;Apply Theme 1&lt;/div&gt;
&lt;div id="theme2" (click)="setTheme('theme2.css')"&gt;Apply Theme 2&lt;/div&gt;
</code></pre>

<p>in <strong>myPage.ts</strong> I have setTheme method:</p>

<pre><code>setTheme(stylesheetName){
   // what should I write here??
}
</code></pre>