Change theme dynamicly with Angular 2 / Meteor
<p>I have a Meteor/Angular 2 application and i want to change a theme when a user click on one of the two available options :</p>

<pre><code>&lt;select onChange="changeTheme()"&gt;
&lt;option value="blue"&gt; Blue&lt;/option&gt;
&lt;option value="gray"&gt;Gray&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>My application load the blue theme by default and it's defined under the main.scss :</p>

<pre><code>@import '../node_modules/@angular/material/core/theming/all-theme';
$app-primary: md-palette($md-light-blue, 700, 100, 700);
</code></pre>

<p>My question is how and where i can change the theme when a user choose a specific one, e-g Gray ? Is that something i should do inside the Meteor.startup() function ? or inside a component ?</p>

<p>Thanks</p>