自定义主题背景颜色

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"
    }
  }
});

您可以在此处找到有效的代码段。