Cannot override RaLogin theme

[davidhenley]

I have my theme setup but the override isn't working. I still see the original radial gradient. The palette is working but not the override.

const theme = createTheme({
  palette: {
    primary: {
      main: '#995057'
    },
    secondary: {
      main: '#7A1130',
    },
  },
  overrides: {
    RaLogin: {
      main: {
        backgroundImage: 'none',
      },
    }
  }
});

<Admin theme={theme}>

[davidhenley]

@fzaninotto @djhi? This is the only override that isn't working like the others.

[djhi]

Thanks for reporting this. Please provide a sample application showing the issue by forking the following CodeSandbox (https://codesandbox.io/s/github/marmelab/react-admin/tree/master/examples/simple).

[davidhenley]

@djhi https://codesandbox.io/s/cool-cray-fx1px

[djhi]

Reproduced, thanks! To fix that, we must split the Login component in two parts:

• one to set the ThemeProvider
• the other which would render the actual content

That's because you can't set the ThemeProvider and use it in the same component

[davidhenley]

Thanks guys