ThemedLayoutV2typographycreateThemeThemeProvider
K
KThemedLayoutV2createThemeThemedLayoutV2ThemeProviderThemedLayoutV2src
Kimport { RefineThemes } from "@refinedev/mui";
import { TypographyVariantsOptions, createTheme } from "@mui/material/styles";
// Define your typography options
const typographyOptions: TypographyVariantsOptions = {
// Your font size customizations go here
fontSize: 16, // Base font size
h1: {
fontSize: '2.5rem',
},
h2: {
fontSize: '2rem',
},
// other typography variants...
};
// Create a new theme that extends RefineThemes.Blue (or any other theme)
const customTheme = createTheme({
...RefineThemes.Blue,
typography: {
...typographyOptions,
},
});<ThemeProvider theme={customTheme}>
{/* Your app with ThemedLayoutV2 */}
</ThemeProvider>