是否可以在 $mdThemingProvider 中使用 rgb 颜色选择

Question

我正在使用 angularjs 和 angular-material 开发 Firefox OS 应用程序；我的问题是我想让我的用户选择自定义他们的应用程序，所以我使用 tree md-slider 来 select 红色、绿色和蓝色，我使用 rgb 和参数中的滑块模型来获得自定义颜色。现在我想知道是否可以做这样的事情：

myapp.config(['$mdThemingProvider',function($mdThemingProvider){
  $mdThemingProvider.theme('default')
    .primaryPalette('rgb(x,y,z)');
}]);

Answer 1

使用默认主题，您只能选择：

红色
粉色
紫色
深紫色
靛蓝
蓝色
浅蓝色
青色
蓝绿色
绿色
浅绿色
青柠色
黄色
琥珀色
橙色
深橙色
棕色
灰色
蓝灰色

根据文档：https://material.angularjs.org/latest/#/Theming/01_introduction

如果您想要自定义颜色，您需要定义自己的自定义调色板

angular.module('myApp', ['ngMaterial'])
.config(function($mdThemingProvider) {
  $mdThemingProvider.definePalette('amazingPaletteName', {
    '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('default')
    .primaryPalette('amazingPaletteName')
});

硒：https://material.angularjs.org/latest/#/Theming/03_configuring_a_theme

是否可以在 $mdThemingProvider 中使用 rgb 颜色选择

Is it possible to use the rgb color selection in the $mdThemingProvider

javascript

angularjs

angular-material