Javascript 角度材质-更改对比度颜色不透明度
我已经为我的Angular+Angular Material项目定义了一个自定义调色板,用于将对比度默认颜色设置为灯光。问题是光线是白色的,不透明度为0.87-我需要它的不透明度为1.00。如何明确声明ContractDefaultColor或至少增加不透明度 调色板:Javascript 角度材质-更改对比度颜色不透明度,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我已经为我的Angular+Angular Material项目定义了一个自定义调色板,用于将对比度默认颜色设置为灯光。问题是光线是白色的,不透明度为0.87-我需要它的不透明度为1.00。如何明确声明ContractDefaultColor或至少增加不透明度 调色板: const blues = { '50': '#45ccff', '100': '#2cc5ff', '200': '#12beff', '300': '#00b4f8',
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'
};
解决方案是指定一个“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']
};