title: Implementing theme in angular2
body: <p>I am trying to implement theming in Angular2 project.</p>
  
  <p>When someone change theme of web app, it will change the class of body using javascript. And each component in an application has relevant colors for each theme.</p>
  
  <p>Can someone suggest me how to do this in Angular2 components.</p>
  
  <p>when I write my component stylesheet with </p>
  
  <pre><code>body.theme-1 .header {
     background-color: red;
  }
  </code></pre>
  
  <p>it doesn't work.</p>
  
  <p>Any other way to implement this. </p>
  
  <p>If I cut same css from component stylesheet and put in to index.html or common stylesheet, it works. But it is a huge application and I don't want to write all component styles in to once place. Not manageable.</p>