如何在角度材质中定义自定义主题以控制按钮文本的颜色？

Question

你好我使用角度材料，我已经定义了一个自定义主题，我想用它作为我的重点主题：

$mdThemingProvider.definePalette('gold', {
    '50': '#333333',
    '100': '#333333',
    '200': '#333333',
    '300': '#333333',
    '400': '#333333',
    '500': '#FFB000',
    '600': '#FFB000',
    '700': '#FFB000',
    '800': '#FFB000',
    '900': '#FFB000',
    'A100': '#333333',
    'A200': '#FFB000',
    'A400': '#FFB000',
    'A700': '#FFB000',
    'contrastDefaultColor': 'light',
    'contrastDarkColors': ['50', '100',
     '200', '300', '400', 'A100'],
    'contrastLightColors': undefined
  });

$mdThemingProvider.theme('default')
    .accentPalette('gold');

我在这里设置了一个可以看到它的代码，我的问题是我的按钮的文本仍然是标准的白色而不是我定义为对比颜色的黑色颜色的md-accent类。主题。

有没有人知道我需要如何定义我的主题，以便黑色#333333用于md-accent按钮的文本？

Answer 1

有两种方法可以做到这一点：

1. 您可以将contrastDefaultColor更改为dark而不是light 。 这将控制调色板中所有颜色的默认对比色。

2. 您可以更新您的contrastDarkColors以包含A200 ，这是按钮使用的颜色。

你可以在这里阅读更多内容： https ： //material.angularjs.org/latest/Theming/03_configuring_a_theme