title: Is it possible to combine [ngStyle] and ::ng-deep?
body: <p>I try to build an application that can be themed completely at runtime. Therefore i want to set global settings like <strong>font-size, color, background-color</strong> etc. on my root app.component. For now i do it with predefined CSS classes:</p>
  
  <pre><code>     // CSS
      .font-size-16::ng-deep { font-size: 16px; }
  
      // TS
      fontSizeClass = 'font-size-16'
  
      // HTML
      &lt;div [ngClass]="fontSizeClass"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Changing the <code>fontSizeClass</code> string to another class works for deep styling my application. But this solution is not dynamic at all. What i actually want is to set the <code>font-size</code> via <code>[ngStyle]</code> but keep the <code>ng::deep</code> functionality, too.</p>
  
  <p>Is that possible?</p>
  
  <p>And are there reasons to not implement theming completely with JavaScript and Redux?</p>
  
  <p>Thanks in advance!</p>