首頁  >  問答  >  主體

在MaterialCSS中使用createTheme定義自訂的H1、H2、H3樣式的方法

我有一個使用NextJSMaterialCSS的應用程序,並創建了以下主題

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',
  },
});

我知道如何為Mui元件覆蓋樣式。 如何為我的主題中的<h3>元素定義自訂樣式,以便在暗主題上具有不同的h3樣式而在亮主題上具有不同的h3樣式?

P粉549412038P粉549412038222 天前1438

全部回覆(1)我來回復

  • P粉364129744
  • 取消回覆