init project

docs/data/material/customization/how-to-customize/OverrideCallbackCssBaseline.js

@@ -0,0 +1,28 @@
+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>
+  );
+}