title: What is the correct way to make a "dark" theme in Angular Material?
body: <p>I want to make a theme where the bg is dark indigo and font is white. I am having trouble making the font white... How would one do this with the angular material themes? I know this can be done with CSS, but I thought this would be configurable as part of the theming</p>
  
  <p>This is my config:</p>
  
  <pre><code>var inversePurple = $mdThemingProvider.extendPalette('indigo', {
          'contrastDefaultColor': 'light',    // whether, by default, text (contrast)
          // on this palette should be dark or light
          'contrastDarkColors': "light",
          'contrastLightColors': 'light'    // could also specify this if default was 'dark'
      });
  
      $mdThemingProvider.definePalette('inversePurple', inversePurple)
      $mdThemingProvider.theme('inverse')
          .backgroundPalette('inversePurple', {
              'default': '500',
          })
          .dark()
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;md-content md-theme="inverse" layout-fill flex&gt;
      &lt;p&gt;This is not white&lt;/p&gt;
  &lt;/md-content&gt;
  </code></pre>