语义UI - 改变主题

时间:2014-11-30 13:23:37

标签: semantic-ui

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

我尝试按照文档workflow section中提供的说明进行操作:

  

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

所以在语义ui目录中,在适当的gulp build / gulp安装步骤之后,

  1. 我输入gulp watch

  2. 我修改src/theme.config,例如:

    ...
    /* Elements */
    @button     : 'material';
    ...
    
  3. 重新生成文件dist/semantic.css(表示inotify)。

  4. 到目前为止一直很好......除了examples/kitchensink的渲染仍然是默认渲染。 仔细查看dist/semantic.css表明它实际上与原始版本相同。

    有人能在我的过程中指出(可能是显而易见的)问题吗?

1 个答案:

答案 0 :(得分:19)

第1步。更改/src/themes/theme.config以反映您想要的主题(例如@button:'材料')

第2步。重建 - gulp build

第3步。刷新浏览器