制作“黑暗”的正确方法是什么? Angular材料的主题?

时间:2015-04-24 23:47:04

标签: angularjs material-design angular-material

我想制作一个主题,其中bg是深靛蓝,字体是白色。我无法将字体变成白色......如何使用角度材质主题来做到这一点?我知道这可以用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>

1 个答案:

答案 0 :(得分:2)

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