material-ui 更改默认嵌套图标的样式答案

【问题标题】：material-ui changing the styles of default nested iconmaterial-ui 更改默认嵌套图标的样式
【发布时间】：2017-04-20 19:03:39
【问题描述】：

我正在为我的应用程序使用 material-ui。当我使用自己的主题时，我无法更改抽屉上嵌套图标的颜色。

我有办法改变它吗？怎么样？

同样的问题存在于：http://www.material-ui.com/#/customization/themes，当您选择 darkTheme 时。

如果我这样设置 muiTheme：

const muiTheme = getMuiTheme({
  palette: {
    textColor: white,
  },
});

图标将是白色的，但我想要的是只有抽屉文本和抽屉图标是白色的，而其他文本是黑色的。

【问题讨论】：

您是说您不能手动覆盖图标颜色，还是没有设置主题颜色？另外，显示render 代码
我在 material-ui 文档页面中完全明白你的意思，但奇怪的是我无法使用基本示例重现它。这是一个 jsFiddle，其中文本和图标使用 darkBaseTheme 为白色：jsfiddle.net/a1gov9c3/2 该小提琴中使用的 material-ui 构建有点旧，但我也在本地使用最新的 (^0.16.4) 进行了测试，它也正确呈现。我想知道它是否特定于周围的 HTML，或者可能是另一个 .css 文件中的冲突（如 normalize.css 或 bootstrap 之类的）？

【解决方案1】：

您只能设置 width 和 color 设置为抽屉分开。因此，在您的情况下，您可能需要两个具有不同主题设置的 MuiThemeProvider-s：

抽屉一个

还有一个用于洞应用程序

PS 你可以找到所有可能的主题设置here

【讨论】：