Material-ui: [Dialog] change wrapper background color? (the semi opacity wrapper div)

[idangozlan]

What is the best elegance way to do that?

[KenzoM]

Can you show us a screenshot of what you are trying to do?

[idangozlan]

The background that applied around the dialog, which you can see outside the dialog in the attached screenshot.

[mbrookes]

https://github.com/callemall/material-ui#note Thanks!

[pedrogscruz]

const theme = createMuiTheme({
  overrides: {
    MuiBackdrop: {
      root: {
        backgroundColor: 'rgba(0,0,0,0.2)'
      }
    }
  }
});

Is that what you are looking for?

[Kumuda123]

const theme = createMuiTheme({
  overrides: {
    MuiBackdrop: {
      root: {
        backgroundColor: 'rgba(0,0,0,0.2)'
      }
    }
  }
});

Is that what you are looking for?

@pedrogscruz where does this go ? In the Javascript file ?

[mbrookes]

@Kumuda123 https://material-ui.com/styles/api/#themeprovider