如何将样式覆盖对象传入MaterialUI的createTheme创建主题

你只需要将已定义的overrides对象直接传入createTheme的配置参数中即可完成主题定制，修改后的代码如下：

// 已定义的覆盖样式对象
const overrides = {
  MuiAppBar: {
    colorPrimary: {
      backgroundColor: "#662E9B",
    },
  },
};

// 将overrides传入createTheme创建主题
const theme = createTheme({
  overrides
});

export { overrides };
export default theme;

• 配置完成后，所有使用color="primary"属性的AppBar组件，其背景色都会被替换为你指定的#662E9B。
• 后续如果需要覆盖其他Material UI组件的样式，直接在overrides对象中添加对应组件的配置规则即可。

内容的提问来源于stack exchange，提问作者max_