标签 svg 下的文章

[scode type="red"]使用方法:
在网站的 CSS 代码中添加以下代码
Handsome 主题在后台 设置外观 - 开发者设置 - 自定义 CSS 中添加[/scode]

右侧列表

[collapse status="false" title="右侧列表图标"]

/* 右侧列表导航栏图标颜色 */
.sidebar-icon svg.feather.feather-twitter{color: #52DE97;}
.sidebar-icon svg.feather.feather-message-square{color:#495DC3;}
.sidebar-icon svg.feather.feather-refresh-cw{color:#F67280;}

[/collapse]

左侧列表

[hide]
[collapse status="false" title="左侧列表图标"]

/*左侧列表导航栏图标颜色*/
.nav-icon svg.feather.feather-grid{color:#F67280;}
.nav-icon svg.feather.feather-file{color: #52DE97;}
.nav-icon svg.feather.feather-users{color:#32cd32;}
.nav-icon svg.feather.feather-home{color:#000000;}
.nav-icon svg.feather.feather-coffee{color:#B8860B;}
.nav-icon svg.feather.feather-book{color:#FF77FF;}

[/collapse]
[/hide]

左下角

[hide]
[collapse status="false" title="左下角列表图标"]

/*左下角图标颜色*/
.left-bottom-icons svg.feather.feather-settings{color:#000000;}
.left-bottom-icons svg.feather.feather-rss{color:#000000;}
.left-bottom-icons svg.feather.feather-message-square{color:#000000;}

[/collapse]
[/hide]

将下面的css代码，添加到自定义css代码

/* 右侧列表导航栏图标颜色 */
<div>.sidebar-icon svg.feather.feather-thumbs-up{color: #52DE97;}</div>
<div>.sidebar-icon svg.feather.feather-message-square{color:#495DC3;}</div>
<div>.sidebar-icon svg.feather.feather-gift{color:#F67280;}</div>