簡體   English   中英

如何在角度材質中定義自定義主題以控制按鈕文本的顏色?

[英]How to define a custom theme in angular material as to control the color of the button text?

你好我使用角度材料,我已經定義了一個自定義主題,我想用它作為我的重點主題:

$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按鈕的文本?

有兩種方法可以做到這一點:

  1. 您可以將contrastDefaultColor更改為dark而不是light 這將控制調色板中所有顏色的默認對比色。

  2. 您可以更新您的contrastDarkColors以包含A200 ,這是按鈕使用的顏色。

你可以在這里閱讀更多內容: https//material.angularjs.org/latest/Theming/03_configuring_a_theme

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM