angularjs – 在Angular Material中制作“黑暗”主题的正确方法

发布时间：2020-12-17 07:13:48 所属栏目：安全来源：网络整理

导读：我想制作一个主题,其中bg是深靛蓝,字体是白色.我无法将字体变成白色……如何使用角度材质主题来做到这一点？我知道这可以用CSS完成,但我认为这可以作为主题的一部分进行配置这是我的配置： var inversePurple = $mdThemingProvider.extendPalette('indigo',

我想制作一个主题,其中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',});
  });

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!