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

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

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

• parent-theme：可以定义常规替代的父主题，它消耗子主题的变量
• child-theme-light：一个子主题，其中定义了一个轻主题的颜色变量，这些变量被父主题中的变量和替代消耗
• child-theme-dark：子主题，其中定义了黑暗主题的颜色变量，这些变量由父主题中的变量和替代消耗

我这样写是为了能够创建具有共同特征的嵌套主题，例如同一应用程序的明暗主题，其中子主题中定义了颜色变量，而替代主题在父主题中定义，这些主题消耗了颜色变量。

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