Qual è il modo corretto per creare un tema "scuro" in Materiale angolare?

Question

Voglio creare un tema in cui il bg è scuro indaco e il carattere è bianco. Sto avendo problemi a rendere il font bianco ... Come si farebbe con i temi materiali angolari? So che questo può essere fatto con i CSS, ma ho pensato che questo sarebbe configurabile come parte della tematizzazione

Questo è il mio config:

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() 

mio HTML:

<md-content md-theme="inverse" layout-fill flex> 
    <p>This is not white</p> 
</md-content> 

Answer 1

.config(function ($mdThemingProvider) { 
    $mdThemingProvider.theme('default') 
     .backgroundPalette('indigo',{ 
      'default':'900', 
     }); 
    });