如何在自己的Material-UI项目中拥有默认的MuiTheme文件

时间:2019-11-21 00:14:02

标签: material-ui

我正在构建一个(自己的)Material-UI项目,无论何时创建新项目,都可以导入该项目。因此,该项目仅具有material-ui和react(作为对等项依赖项)。我可以导入大多数material-ui组件,但是如何拥有自己的默认主题文件(默认MuiTheme)?

因此,react项目将导入此自定义material-ui项目,并具有来自默认主题的那些默认样式。但是,如果要自定义,我应该可以覆盖mui主题。

1 个答案:

答案 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>