【问题标题】:How to have default MuiTheme file in own Material-UI project如何在自己的 Material-UI 项目中拥有默认的 MuiTheme 文件
【发布时间】:2020-03-16 19:40:06
【问题描述】:

我正在构建一个(自己的)Material-UI 项目,我可以在创建新项目时导入该项目。所以这个项目只有material-ui和react(react作为对等依赖)。我可以导入大部分 material-ui 组件,但是我怎样才能拥有自己的默认主题文件(Default MuiTheme)?

所以,react 项目将导入这个自定义的 material-ui 项目并具有默认主题的默认样式。但是,如果我想自定义,我应该能够覆盖 mui 主题。

【问题讨论】:

    标签: material-ui


    【解决方案1】:

    您可以创建一个带有自定义主题的 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>
    

    【讨论】:

    • 不,我正在制作的不是 React 应用程序。所以没有App。
    猜你喜欢
    • 2019-10-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-16
    • 1970-01-01
    • 2022-10-23
    • 2021-03-23
    • 2022-01-09
    相关资源
    最近更新 更多