Files
react-test/docs/data/material/customization/how-to-customize/OverrideCallbackCssBaseline.tsx

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

29 lines
569 B
TypeScript
Raw Normal View History

2025-12-12 14:26:25 +09:00
import CssBaseline from '@mui/material/CssBaseline';
import { ThemeProvider, createTheme } from '@mui/material/styles';
const theme = createTheme({
palette: {
success: {
main: '#ff0000',
},
},
components: {
MuiCssBaseline: {
styleOverrides: (themeParam) => `
h1 {
color: ${themeParam.palette.success.main};
}
`,
},
},
});
export default function OverrideCallbackCssBaseline() {
return (
<ThemeProvider theme={theme}>
<CssBaseline />
<h1>h1 element</h1>
</ThemeProvider>
);
}