Semantic UI - 更改主题

Question

我无法在Semantic UI中使主题选择起作用。

我尝试按照文档工作流程部分中提供的说明进行操作：

您项目中examples/文件夹中的文件可用于测试 UI 更改。例如，您可能会运行 gulp watch 将新主题下载到 src/site/themes/，然后调整 theme.config 文件中的新主题名称，并刷新 examples/kitchensink.html 以检查主题更改。

因此，在适当的gulp构建/ gulp安装步骤之后，在semantic ui目录中进行操作。

1. I type gulp watch,

2. I modify src/theme.config, for example:

   ...
   /* Elements */
   @button     : 'material';
   ...
   

3. The file dist/semantic.css is regenerated (says inotify).

到目前为止一切都很好...除了examples/kitchensink的呈现仍然是默认的。 仔细查看dist/semantic.css，发现它实际上与原始文件相同。 有人能指出我的过程中（可能显而易见的）问题吗？

- Sébastien Boisgérault

Answer 1

步骤 1. 修改/src/themes/theme.config文件以反映你所需要的主题（例如：@button: 'material'）

步骤 2. 重新构建 - 运行 gulp build

步骤 3. 刷新你的浏览器

- snakesNbronies

---

我发现semantic-ui的文档不够充足，我花了一个小时来做这个事情，但是文档中没有提到这点。(或者被深埋在某些地方我没找到) - PersyJack

它可以工作，谢谢。显然，“gulp watch”没有按预期工作（请参见https://github.com/Semantic-Org/Semantic-UI/issues/1344）。 - Sébastien Boisgérault

搞定了吗？我按照你的指示操作了，但还是看到默认的主题。 - Michael

更新节点现在可能会起作用了。在发布此帖子时，watch未按预期工作。 - snakesNbronies

起初它对我不起作用。然后我将默认主题文件夹带回到src/themes/（我为了一些试错而将其删除）。然后它就可以工作了！看起来默认主题必须始终存在，这是有道理的，因为它是备用主题。但至少如果默认主题丢失，应该有某种通知。 - moshfiqur

可用主题列表在哪里？ - Justin Thomas