我正在构建一个(自己的)Material-UI项目,无论何时创建新项目,都可以导入该项目。因此,该项目仅具有material-ui和react(作为对等项依赖项)。我可以导入大多数material-ui组件,但是如何拥有自己的默认主题文件(默认MuiTheme)?
因此,react项目将导入此自定义material-ui项目,并具有来自默认主题的那些默认样式。但是,如果要自定义,我应该可以覆盖mui主题。
答案 0 :(得分:0)
您可以创建具有自定义主题的mytheme.js文件,并将您的应用程序包装在ThemeProvder组件中,以使其可用于整个应用程序。
以下是指向可用于自定义主题变量的文档链接
https://material-ui.com/customization/default-theme/#default-theme
https://material-ui.com/customization/theming/#theme-provider
示例:https://stackblitz.com/edit/esmns5-s5ft8h?file=demo.js
<ThemeProvider theme = {mytheme}>
<App/>
</ThemeProvider>