我是 Semantic UI 的忠实粉丝，尤其是 Semantic UI React 的忠实粉丝。除了它们是优秀的库之外，它们的文档也很棒。
然而，为其组件编写和维护主题可能很麻烦。编写、构建和维护多个主题变得更加困难。
所以问题是：如何编写、构建和维护多个 Semantic UI 主题并使用官方 Semantic UI 文档查看它们的状态？
在使用 Semantic UI 多年并最终开始编写合适的主题生成器之后，我想出了这个问题的解决方案here https://github.com/lolero/semantic-ui-theme-builder.
该回购协议是一个克隆语义 UI 反应 https://react.semantic-ui.com/，根目录下有一个主题目录。
内置主题的源代码位于themes/src/themes/。在此存储库中包含的示例中
您会发现一个父主题和两个子主题。
- 父主题：可以定义常规覆盖的父主题，它使用子主题中的变量
- child-theme-light：一个子主题，其中定义了浅色主题的颜色变量，
由父主题中的变量和覆盖消耗
- child-theme-dark：子主题，其中定义了深色主题的颜色变量，
由父主题中的变量和覆盖消耗
我这样写是为了能够创建具有共同特征的嵌套主题，
例如同一应用程序的浅色和深色主题，其中颜色变量在子主题中定义，
并且覆盖在父主题中定义，它消耗颜色变量。
我还添加了使用 Font Awesome 原生类的功能，以便您可以编写<Icon className='fas fa-check'>并且检查图标将呈现。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
