我有一个带有自定义主题的工具栏,我正在尝试找出它在哪里拾取<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();发布于 2017-08-29 17:54:31
主对比度颜色固定为黑白,不透明度为0.7。据我所知,您不能更改这些。但是,您可以注入自己的自定义css,并将颜色值替换为主题。
https://material.angularjs.org/latest/api/service/$mdThemingProvider#custom-theme-styles
https://stackoverflow.com/questions/42427406
复制相似问题