自定义主题背景颜色

Question

我已经安装了material-ui@next，我想自定义主题的背景颜色。

我试过了：

const theme = createMuiTheme({
  palette: createPalette({
    type: 'light',
    primary: purple,
    background: {
      default: '#303030',
    },
  }),
});

还有这个。

<MuiThemeProvider theme={theme}>

但是当它应该变为红色时，背景颜色仍然是白色。

Answer 1

我也遇到过这个问题。要解决此问题，请导入 CssBaseline：

import CssBaseline from "@material-ui/core/CssBaseline";

然后像这样添加它：

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

在设置背景颜色时使用 CssBaseline 应用颜色如下：

import { createMuiTheme } from "@material-ui/core/styles";

const theme = createMuiTheme({
  palette: {
    background: {
      default: "#303030"
    }
  }
});

您可以找到一个有效的 sn-p here。