javascript - 自定义主题背景色

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 '@mui/material/CssBaseline';

然后像这样添加:

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

在设置背景颜色时使用 CssBaseline，如下所示应用颜色:

import { createTheme } from '@mui/material/styles';

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

您可以找到一个工作片段 here .