Question

关于角度材料中的主题，有默认意图组，即主要，重音和警告。而且我知道您可以使用不同的调色板修改颜色和主题。但我想创建另一个意图组，例如 success ，这样我就可以在md-button上使用 md-success 类使其变为绿色。我该怎么做呢？

Answer 1

虽然我看到你想要拥有一个自定义意图组（我也是如此），我相信你现在必须创建一个新的“成功”主题并配置它的主要调色板以使用你想要的颜色。

angular.module('myApp', ['ngMaterial'])
.config(function($mdThemingProvider) {
   $mdThemingProvider.definePalette('mySucessPalette', {
     '50': 'ffebee',
     '100': 'ffcdd2',
     '200': 'ef9a9a',
     '300': 'e57373',
     '400': 'ef5350',
     '500': 'f44336',
     '600': 'e53935',
     '700': 'd32f2f',
     '800': 'c62828',
     '900': 'b71c1c',
     'A100': 'ff8a80',
     'A200': 'ff5252',
     'A400': 'ff1744',
     'A700': 'd50000',
     'contrastDefaultColor': 'light',    // whether, by default, text (contrast)
                                         // on this palette should be dark or light
     'contrastDarkColors': ['50', '100', //hues which contrast should be 'dark' by default
                            '200', '300', '400', 'A100'],
     'contrastLightColors': undefined    // could also specify this if default was 'dark'
   });
   $mdThemingProvider.theme('success')
      .primaryPalette('mySucessPalette')
});

然后你可以在任何合适的地方使用md-theme =“success”。

在角度材料中添加意图组

1 个答案: