微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularjs – 在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>

解决方法

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐