角度材料調色板 - 主要對比度定義

Question

我有一個自定義主題的工具欄，我試圖弄清楚它在填充<md-icon>填充時的對比度顏色。我試過的所有東西都會在我的自定義藍色工具欄上產生白色圖標。

翻閱物料代碼，我發現該值正在填入{{primary-contrast}}，但我無法找到設置的位置。

我應該在哪裏爲我的調色板配置主對比度值？

md-toolbar.md-THEME_NAME-theme:not(.md-menu-toolbar) md-icon { 
    color: '{{primary-contrast}}'; fill: '{{primary-contrast}}'; 
} 

我的調色板：

$mdThemingProvider.definePalette('myBlue', { 
    '50': 'e3e4e7', 
    '100': 'b9bcc3', 
    '200': '8b8f9b', 
    '300': '5c6272', 
    '400': '394154', 
    '500': '161f36', 
    '600': '131b30', 
    '700': '101729', 
    '800': '0c1222', 
    '900': '060a16', 
    'A100': 'b9bcc3', 
    'A200': '8b8f9b', 
    'A400': '394154', 
    'A700': '101729', 
    'contrastDefaultColor': 'light' 
}); 

我的主題：

$mdThemingProvider.theme('myMenu') 
    .primaryPalette('myBlue') 
    .backgroundPalette('myBlue') 
    .dark(); 

Answer 1

主要對比色被固定爲黑白0.7透明度。據我所知，你不能改變這些。然而，你可以注入自己的自定義CSS，並獲取由主題取代的顏色值。

https://material.angularjs.org/latest/api/service/$mdThemingProvider#custom-theme-styles