Material-ui黑暗主题不适用于背景

Question

我有我的反应应用程序，我想应用Material-ui darkBaseTheme。没有它，我的应用程序的一部分看起来像这样：

用我的render()包装所有html内容后：

<MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)}>
</MuiThemeProvider>

，有这些进口：

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; // add
import RaisedButton from 'material-ui/RaisedButton'; // add
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';

，它看起来像这样：

所以它改变了RaisedButtons。我知道它不应该改变HTML。但为什么不把背景变为黑暗呢？有没有办法做到这一点，或者我必须手动完成没有材料-ui？

Answer 1

您需要在应用的根目录中包含<CssBaseline />组件，因为这是更改身体背景颜色的原因。

Docs

Answer 2

我有一个类似的问题。当我切换到dark模式时，身体背景没有改变。

解决方案：

将CssBaseline移到MuiThemeProvider内。否则，当您在主题中使用dark类型时，正文背景不会改变。

    <MuiThemeProvider theme={theme}>
      <CssBaseline />
      <App />
    </MuiThemeProvider>