2015-12-03 104 views
0

我已經爲我的Angular + Angular-Material項目定義了一個自定義調色板,該項目將contrastDefaultColor設置爲點亮。問題是光線是白色的.87不透明度 - 我需要這是1.00不透明度。我如何顯式聲明contrastDefaultColor或者至少碰到不透明度?角度材質 - 更改對比顏色不透明度

調色板:

const blues = { 
     '50': '#45ccff', 
     '100': '#2cc5ff', 
     '200': '#12beff', 
     '300': '#00b4f8', 
     '400': '#00a1de', 
     '500': '#008fc5', 
     '600': '#007cab', 
     '700': '#006a92', 
     '800': '#005778', 
     '900': '#00455f', 
     'A100': '#5fd3ff', 
     'A200': '#78daff', 
     'A400': '#92e1ff', 
     'A700': '#003245', 
     'contrastDefaultColor': 'light' 
    }; 

回答

2

解決的辦法是指定與設置爲全在調色板中的顏色的值a「constrastStrongLightColors」屬性。這可以確保任何帶有對比背景的文字都是「強壯的」(不透明度= 1)。

const blues = { 
     '50': '#45ccff', 
     '100': '#2cc5ff', 
     '200': '#12beff', 
     '300': '#00b4f8', 
     '400': '#00a1de', 
     '500': '#008fc5', 
     '600': '#ffffff', 
     '700': '#006a92', 
     '800': '#005778', 
     '900': '#00455f', 
     'A100': '#5fd3ff', 
     'A200': '#78daff', 
     'A400': '#92e1ff', 
     'A700': '#003245', 
     'contrastDefaultColor': 'light', 
     'contrastStrongLightColors': ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700'] 
    };