角度材质-更改对比度颜色不透明度
Angular Material - changing contrast color opacity
我已经为我的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'
};
解决方案是指定一个"constrastStrungLightColors"属性,该属性的值设置为调色板中的所有颜色。这样可以确保任何具有对比背景的文本都是"强"的(不透明度=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']
};
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何使用jquery更改html中的背景颜色
- 动态更改高图中的系列颜色
- jsf中两个字符串的颜色代码差异
- 我们如何使用css或JavaScript在i/j上更改句点(点)的颜色
- d3.hexbin插件-动态定义颜色域以适应数据
- 我如何制作一个JS函数,它可以从相似的原始颜色双向更改为某个颜色
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- jQuery动画-边框宽度和颜色
- JS幻灯片与CSS背景颜色变化
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 使用Angular单击时更改特定图示符图标的颜色
- 如何在高对比度模式下设置边框颜色
- 如何以编程方式计算两种颜色之间的对比度
- 角度材质-更改对比度颜色不透明度
- 用于检查两个HSL颜色值是否有不良对比度的算法