搜索

首页  >  问答  >  正文

在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粉549412038340 天前1559

全部回复(1)我来回复

  • P粉364129744
  • 取消回复