用于多个语义UI主题的语义UI主题生成器，并支持Font Awesome类名和原始语义UI React docs演示

Question

我是语义UI的忠实拥护者，甚至更是语义UI React的忠实拥护者。除了它们是优秀的库之外，他们的文档也很棒。

但是，为其主题编写和维护主题可能很麻烦。而且，编写，构建和维护多个主题变得更加困难。

问题是：如何编写，构建和维护多个语义UI主题，并使用官方的语义UI文档查看其状态？

Answer 1

在使用语义UI多年之后，终于开始编写合适的主题构建器，我提出了解决问题here的解决方案。

存储库是Semantic UI React的克隆，其主题目录位于根目录。

构建的主题的源代码存在于themes/src/themes/中。在此仓库中包含的示例中 您将找到一个父主题和两个子主题。

• parent-theme：可定义常规替代的父主题，它消耗子主题的变量
• child-theme-light：儿童主题，其中定义了轻主题的颜色变量， 由父主题中的变量和替代消耗的
• child-theme-dark：子主题，其中定义了深色主题的颜色变量， 由父主题中的变量和替代消耗的

我这样写是为了能够创建具有共同特征的嵌套主题， 例如子主题中定义了颜色变量的同一应用程序的浅色和深色主题， 并且替代项是在父主题中定义的，使用了颜色变量。

我还添加了使用Font Awesome本机类的功能，因此您可以编写 <Icon className='fas fa-check'>，然后将显示复选图标。