语义UI React:如何在create-react-app项目中使用较少的变量作为主题

果汁

我在我的create-react-app项目中使用Semantic-UI。我正在使用自定义主题使用ThemeProvider修改单个组件,效果很好。但是,我试图找出如何如语义UI文档中所述修改较少的变量

反应语义UI文档中并没有提供太多这一点。有什么建议吗?

我的Index.js大致如下所示:

import 'semantic-ui-css/semantic.min.css'
import { ThemeProvider } from 'styled-components'
import mainTheme from './themes/mainTheme'


ReactDOM.render(
  <ThemeProvider theme={mainTheme}>
    <App />
  </ThemeProvider>
  document.getElementById('root')
)

编辑:要具体说明我要实现的目标,我想更改使用的主要字体。

果汁

我碰到了本教程,使用了使用sematnic UI和CRA的自定义主题,它完美地概述了此过程。这是一个漫长的过程,因此我将仅保留链接。

这是本教程的Github存储库的链接。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章