是否可以在$ mdThemingProvider中使用rgb顏色選擇

我正在使用angularjs和angular-material開發Firefox OS應用程序;我的問題是我想給我的用戶選擇自定義他們的應用程序，所以我用樹的MD - 滑塊來選擇紅色，綠色和藍色的顏色的我用參數滑塊模型RGB獲得自定義顏色。現在，我不知道是否有可能做這樣的事情：

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

來源

2015-07-10 al kaj

你試過這個嗎？結果是什麼？爲什麼結果不夠？ – Risadinha

使用默認的主題，你只能選擇之間：

紅色
粉色
紫色
深紫色
靛藍
藍色
淡藍色
青色
水鴨
綠色
淺綠色
石灰
黃色
琥珀
橙色
深橙色
棕色
灰色
藍灰色

據商務部：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') 
});

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

來源

2015-07-10 16:15:10 deonclem

好的，謝謝，我明白了！ ...所以我將首先轉換我的r，g和b值，以獲得顏色十六進制代碼，然後我將用它來在我的自定義調色板中定義色調..謝謝!!! –

沒問題。也許你可以直接使用rgb語法，試試吧！ – deonclem

是否可以在$ mdThemingProvider中使用rgb顏色選擇

回答

相關問題