自定义主题背景颜色

Question

我有材料-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"
    }
  }
});

你可以找到一个工作片段here。