Maison > Questions et réponses > le corps du texte
J'ai une application utilisant NextJS et MaterialCSS et j'ai créé le thème suivant :
import { createTheme } from '@mui/material/styles'; export const darkTheme = createTheme({ palette: { mode: 'dark', }, components: { MuiButton: { styleOverrides: { root: { color: 'white', }, }, }, }, }); export const lightTheme = createTheme({ palette: { mode: 'light', }, });
Je sais comment remplacer les styles des composants Mui. Comment définir des styles personnalisés pour les éléments <h3> de mon thème afin d'avoir différents styles h3 sur les thèmes sombres et différents styles h3 sur les thèmes clairs ?
P粉3641297442024-04-06 00:15:07
const theme = createTheme({ typography: { h3: { fontSize: 30, }, subtitle1: { fontSize: 12, }, body1: { fontWeight: 500, }, button: { fontStyle: 'italic', }, }, });
文档:
https://mui.com/material-ui/customization/typography/#variants