修改主题和样式

来源:互联网 发布:如何清空数据库 编辑:程序博客网 时间:2024/06/04 19:25

修改主题和样式

基于NODEJS,

1>    修改主题

先确定要修改的标签属于哪个类型,比如button属于elements,于是在semantic下的src目录下的theme.config文件中,将要修改的内容的相应主题改为目标主题,主题在semantic的官网上面可以看到,同时,修改时,要在src下的themes目录下查看相应的主题目录下是否包含想修改的标签对应的文件,如果没有,则不能修改该种标签;如果有,则可以修改。在theme.config中相应位置修改之后,保存文件,重新编译à通过gulp build命令进行重新编译,之后刷新页面,即发现呈现的主题已更改为目标主题。

2>    修改样式

在semantic下的src下的site目录下,打开要修改样式的标签所属的类型对应的文件夹,然后打开标签对应的.variables文件;此时可参考semantic/src/themes/defaults/globals/site.variables文件,查看相应的样式,e.g.   @primaryColor,默认是bule,可修改为red。之后刷新页面,即修改的样式。

原创粉丝点击