semantic-ui(2)

修改默认样式

推荐 修改src\site\ *.variable 文件

1. 以button为例

(1) 先找到src/site/element目录下的文件，找到button.variables

button_variables.png

(2) 打开button.variables文件，添加要修改的样式（参考site/globals/site.variables应该是semantic\src\themes\default\globals文件中的名称），本例中修改了button中的primaryColor的属性，将其默认的蓝色改为#0F0。

button_color.png

(3) 回到semantic目录，运行命令行：gulp build-css (只重新编译css文件)即可

修改后.png

(4) 如果想恢复修改，在button.variables文件中删除修改代码，重新gulp build-css即可。