title: Ionic using different default theme colors / define own custom theme default value?
body: <p>ok in <code>_variables.scss</code> we have all the definitions. But where can I change away from the setting <code>light</code> ? I want to use, say, <code>royal</code> or <code>dark</code> for all elements.</p>
  
  <p>Do i have to adjust each single element, or is there a single point where I can change that?</p>
  
  <p>e.g.</p>
  
  <p>user <code>royal</code> instead of <code>light</code> everywhere.</p>
  
  <p>Ok to specify, I see that I can change the theme color of a certain theme here</p>
  
  <pre><code>$light:                           #fff !default;
  $stable:                          #f8f8f8 !default;
  $positive:                        #387ef5 !default;
  $calm:                            #11c1f3 !default;
  $balanced:                        #33cd5f !default;
  $energized:                       #ffc900 !default;
  $assertive:                       #ef473a !default;
  $royal:                           #886aea !default;
  $dark:                            #444 !default;
  </code></pre>
  
  <p>But where do I set to USE the certain theme colorization? e.g. energized, royal, dark, calm, etc... I want to use something else than light.</p>