angularjs - 在 Angular Material 中制作 "dark"主题的正确方法是什么？

Question

我想做一个主题，bg 是深靛蓝色，字体是白色。我在将字体设置为白色时遇到问题...如何使用有 Angular 的 Material 主题来做到这一点？我知道这可以用 CSS 来完成，但我认为这可以作为主题的一部分进行配置

这是我的配置:

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

我的 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',
         });
  });