我想使用$mdThemingProvider通过自定义调色板来普遍配置我网站上的所有按钮.我可以通过在调色板中配置A200和A700来操纵按钮的背景颜色.我还想更改默认文本颜色.我已经使用了contrastDefaultColor,contrastLightColors和contrastDarkColors,但我能做的最好的就是获得黑色或白色文本.
以下snippit将生成带有深色文本的白色按钮:
var lightGrey = $mdThemingProvider.extendPalette('grey',{ 'A200': '#fefefe',// Element background color (default) 'A700': '#fefefe',// Element hover background color (default) 'contrastDefaultColor': 'dark','contrastLightColors': '600 700 800 900' }); $mdThemingProvider.definePalette('light-grey',lightGrey); $mdThemingProvider.theme('default') // Accent palette controls buttons,links,etc .accentPalette('light-grey');
将contrastDefaultColor更改为“light”会导致文本变为白色.
.md-button.md-default-theme.md-fab { color: #bdc3c7; }
…但我正在尝试使用库中提供的工具.