语义UI - 改变主题

Séb*_*ult 10 semantic-ui

我不能让主题选择在语义UI中工作.

我尝试按照文档工作流程部分提供的说明操作:

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';
    ...
    
    Run Code Online (Sandbox Code Playgroud)
  3. 文件dist/semantic.css被重新生成(inotify说).

到目前为止一切都那么好......除了渲染examples/kitchensink仍然是默认的.仔细看看dist/semantic.css它显示它实际上与原始的相同.

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

sna*_*ies 19

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

第2步.重建 -gulp build

第3步.刷新浏览器

  • 我觉得semantic-ui文档不够用,我花了一个小时才做到这一点,并且在任何地方的文档中都没有提到这一点.(或埋藏在我遗漏/无法找到的地方) (15认同)
  • 你有没有工作?我按照你的指示,但我仍然看到默认主题 (3认同)