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

乔治·波拉

您好,我使用的是角形材质,并定义了一个自定义主题,希望将其用作我的重音主题:

$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');

我在这里设置了一个Codepen ,您可以其中查看它的运行情况,我的问题是,具有md-accent类的按钮的文本仍然是标准的白色,而不是我在主题中定义为对比色的黑色。

有人知道我需要如何定义主题,以便#333333md-accent按钮的文本上使用黑色吗?

托弗·范吉奥

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

  1. 您可以更改contrastDefaultColordark代替light这将控制调色板中所有颜色的默认对比色。

  2. 您可以更新您的按钮,contrastDarkColors以包括A200按钮使用的颜色。

您可以在这里阅读更多信息:https : //material.angularjs.org/latest/Theming/03_configuring_a_theme

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何在NavigationView中自定义项目背景和项目文本颜色?

来自分类Dev

如何在Android中自定义Toast的背景,背景色和文本颜色

来自分类Dev

如何在C#中制作自定义颜色?

来自分类Dev

如何在图表中设置自定义填充颜色

来自分类Dev

如何在Drupal中自定义引导子主题?

来自分类Dev

如何自定义AppCompat材质按钮样式?

来自分类Dev

如何在材料UI中应用自定义主题

来自分类Dev

如何在Android中自定义单选按钮的默认主题?

来自分类Dev

Android Compose自定义主题颜色-文本颜色未选择主题颜色

来自分类Dev

材质颜色工具中的角度材质自定义主题

来自分类Dev

如何在Flutter中创建自定义材质文本字段

来自分类Dev

我应该如何应用自定义角度材质主题?

来自分类Dev

如何在Jodit中创建自定义按钮以将文本包装在代码标签中?

来自分类Dev

材质UI默认主题会覆盖自定义主题

来自分类Dev

无法识别在主题中添加自定义颜色的材质UI

来自分类Dev

如何在自定义键盘中更改键文本的颜色?

来自分类Dev

如何在C#中制作自定义颜色?

来自分类Dev

如何在magento 1.9中实现自定义主题

来自分类Dev

如何在Word中向“主题颜色”添加和保存自定义颜色?

来自分类Dev

如何在Wordpress控制面板中自定义文本

来自分类Dev

如何在自定义适配器中更改按钮单击时的按钮文本

来自分类Dev

如何在自定义主题Android中更改colorBackground?

来自分类Dev

带有自定义主题的错误的窗口按钮颜色

来自分类Dev

如何在Wordpress中自定义主题

来自分类Dev

如何在角度材质中设置输入下拉菜单的自定义位置?

来自分类Dev

角度材质标签自定义HTML

来自分类Dev

如何在视图控制器的背景中设置自定义颜色

来自分类Dev

如何在python中自定义颜色条?

来自分类Dev

自定义主题 Angular 材质

Related 相关文章

  1. 1

    如何在NavigationView中自定义项目背景和项目文本颜色?

  2. 2

    如何在Android中自定义Toast的背景,背景色和文本颜色

  3. 3

    如何在C#中制作自定义颜色?

  4. 4

    如何在图表中设置自定义填充颜色

  5. 5

    如何在Drupal中自定义引导子主题?

  6. 6

    如何自定义AppCompat材质按钮样式?

  7. 7

    如何在材料UI中应用自定义主题

  8. 8

    如何在Android中自定义单选按钮的默认主题?

  9. 9

    Android Compose自定义主题颜色-文本颜色未选择主题颜色

  10. 10

    材质颜色工具中的角度材质自定义主题

  11. 11

    如何在Flutter中创建自定义材质文本字段

  12. 12

    我应该如何应用自定义角度材质主题?

  13. 13

    如何在Jodit中创建自定义按钮以将文本包装在代码标签中?

  14. 14

    材质UI默认主题会覆盖自定义主题

  15. 15

    无法识别在主题中添加自定义颜色的材质UI

  16. 16

    如何在自定义键盘中更改键文本的颜色?

  17. 17

    如何在C#中制作自定义颜色?

  18. 18

    如何在magento 1.9中实现自定义主题

  19. 19

    如何在Word中向“主题颜色”添加和保存自定义颜色?

  20. 20

    如何在Wordpress控制面板中自定义文本

  21. 21

    如何在自定义适配器中更改按钮单击时的按钮文本

  22. 22

    如何在自定义主题Android中更改colorBackground?

  23. 23

    带有自定义主题的错误的窗口按钮颜色

  24. 24

    如何在Wordpress中自定义主题

  25. 25

    如何在角度材质中设置输入下拉菜单的自定义位置?

  26. 26

    角度材质标签自定义HTML

  27. 27

    如何在视图控制器的背景中设置自定义颜色

  28. 28

    如何在python中自定义颜色条?

  29. 29

    自定义主题 Angular 材质

热门标签

归档