修改主题和样式

修改主题和样式

基于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。之后刷新页面,即修改的样式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值