Добавление намерения группы углового материала

Question

Что касается тематизации в угловом материале есть намерение группы по умолчанию, а именно первичной, акцент и предупреждают. И я знаю, что вы можете изменять цвета и тему, используя разные палитры. Но я хочу создать другую группу намерений, например успех, так что я могу использовать класс md-success на md-button, чтобы сделать его зеленым. Как мне это сделать?

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", где это уместно.