material-ui v.1 - 用主题定义组件的背景

时间:2017-12-22 19:39:27

标签: reactjs material-ui

我正在使用Material-ui v.1库来实现React,并希望设置Paper组件的背景。

我想用主题来做。

我使用顶级

const theme = createMuiTheme({
    palette: {
        //type: 'light'
    }
});

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

我应该在createMuiTheme做什么?

我尝试过多种选择(例如palette:{paper: {backgroundColor: 'black'}}paper: {backgroundColor: 'black'}backgroundColor: {paper: 'black'}),但没有任何效果。

注意:type: 'light'type: 'dark'工作正常。

2 个答案:

答案 0 :(得分:4)

根据https://material-ui-next.com/customization/themes/,应使用以下属性:

const theme = createMuiTheme({
    palette: {
        background: {
            paper: 'red'
        }
    }
});

答案 1 :(得分:0)

如果你看一下themes documentation,你会看到:

{
  "palette": {
    "shades": {
      "light": {
        "background": {
          "paper": "#fff",
        },
      },
    },
  },
}