angularjs - 角度のあるマテリアルのカスタム パレット ツールバーのフォントの色

Question

独自のカスタム パレットを定義して、ツールバーのテキストの色を変更するにはどうすればよいですか? または、一般的に、テキストの色を設定するにはどうすればよいですか?

app.config(function($mdThemingProvider) {
    $mdThemingProvider.definePalette('accent', {
    '50': '#FFEB3B',
    '100': '#FFEB3B',
    '200': '#FFEB3B',
    '300': '#FFEB3B',
    '400': '#FFEB3B',
    '500': '#FFEB3B',
    '600': '#FFEB3B',
    '700': '#FFEB3B',
    '800': '#FFEB3B',
    '900': '#FFEB3B',
    'A100': '#FFEB3B',
    'A200': '#FFEB3B',
    'A400': '#FFEB3B',
    'A700': '#FFEB3B',
    'contrastDefaultColor': 'dark',    // whether, by default, text (contrast)
                                        // on this palette should be dark or light
    'contrastDarkColors': ['50', '100', //hues which contrast should be 'dark' by default
     '200', '300', '400', 'A100'],
    'contrastLightColors': undefined
 });

    $mdThemingProvider.definePalette('primary', {
    '50': '#FFEB3B',
    '100': '000000',
    '200': '000000',
    '300': '000000',
    '400': '#FFEB3B',
    '500': '000000',
    '600': '000000',
    '700': '000000',
    '800': '000000',
    '900': '#FFEB3B',
    'A100': '#FFFFFF',
    'A200': '000000',
    'A400': '000000',
    'A700': '#FFEB3B',
    'contrastDefaultColor': 'light',    // whether, by default, text (contrast)
                                        // on this palette should be dark or light
    'contrastDarkColors': ['50', '100', //hues which contrast should be 'dark' by default
     '200', '300', '400', 'A100'],
    'contrastLightColors': []

  });


  $mdThemingProvider.theme('default')
    .primaryPalette('primary')
    .accentPalette('accent');
});

属性contrastDefaultColorは、ツールバーのテキストの色を制御しますが、「明るい」または「暗い」にしか設定できないため、白または黒になりますが、黄色にしたいです。

Answer 1

私の推測では、独自の CSS ルールを定義する必要があります。

md-tabs > ..> md-tab-item {
    color: yellow;
}