title: Get color from theme palette with multiple themes
body: <p>I have a simple multiple themes setup, following the <a href="https://material.angular.io/guide/theming#multiple-themes" rel="nofollow noreferrer">material.angular.io guide</a>:</p>
  
  <pre><code>@include mat-core();
  $dark-primary: mat-palette($mat-orange, 800);
  $dark-accent: mat-palette($mat-light-blue, 600, 100, 800);
  $dark-warn: mat-palette($mat-red, 600);
  $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
  @include angular-material-theme($dark-theme);
  
  
  $light-primary: mat-palette($mat-teal);
  $light-accent: mat-palette($mat-deep-orange);
  $light-warn: mat-palette($mat-red);
  $light-theme: mat-light-theme($light-primary, $light-accent, $light-warn);
  
  // Light theme class
  .light-theme {
      @include angular-material-theme($light-theme);
  }
  </code></pre>
  
  <p>Then, I'm applying the <code>light-theme</code> class to my root component, based on a boolean stored in locastorage, with a toggle to switch light/dark theme.</p>
  
  <p>The issue is that I have some components that are using colors they need to get from the current theme.</p>
  
  <p>With only one theme (assuming the only one is the dark one), it can be done using this:</p>
  
  <pre><code>background: mat-color(map-get($dark-theme, accent));
  </code></pre>
  
  <p>But with multiple themes, it's inconsistent as it doesn't change the color with the theme.</p>
  
  <p>How can I get the current background color from the current theme in a multiple themes application?</p>