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 ?