如何修改主题组件？

Question

我正在尝试了解如何完全自定义主题。 material-ui guidelines/docs 说要检查这个文件： https://github.com/callemall/material-ui/blob/master/src/styles/theme-manager.js

所以对于自定义主题，我尝试添加如下块：

AppTheme = {
  appBar: {
    color: Colors.yellow500,
    textColor: 'white'
  },

但这对应用栏没有影响。其余的主题变量确实有效。

如何自定义另一个variables in this file？

Answer 1

我刚刚检查了您提到的属性，并且在 appBar 上一切正常。

在 Material-UI 主题中检查任何道具的最快方法是查看

storybook-addon-material-ui 演示页面！

（您可以在右侧边栏中找到appBar 道具并玩弄颜色。）

所以它应该可以工作！