Optional backgroundColor with CssBaseline

Make it easy to turn off the backgroundColor setting when using CssBaseline with just a single boolean prop.

Everything else CssBaseline does is very sensible, but if I’m embedding my app in a page with some other color scheme going on, overriding the backgroundColor can be problematic.

[skube]

• changing the CssBaseline CSS with theme.overrides.MuiCssBaseline.body

For others that are as lost as I am, the above means:

const theme = createMuiTheme({
  overrides: {
    MuiCssBaseline: {
      '@global': {
        body: {
          backgroundColor: '#ff00ff',
        },
      },
    },
  },
})

[bzmillerboy]

For anyone else how finds this: My issue was that I did not have the <CssBaseline /> nested inside the <ThemeProvider>.

https://stackoverflow.com/questions/48186478/custom-theme-background-color