How to Change Header Icon Color?

开发
21

对于右侧的标题图标，在主题或主题组件的 common-css 中：

.d-header .d-header-icons .d-icon  {
    color: <header icons color> !important;
    &:hover {
        color: <header icons hover color> !important;
    }
 }

对于侧边栏菜单模式下的汉堡包图标：

.d-header .header-sidebar-toggle button .d-icon {
    color: <hamburger icon color> !important;
    &:hover {
        color: <hamburger icon hover color> !important;
    }
}

<header icons color>、<hamburger icons color>、<header icon hover color>、<hamburger icon hover color> = 十六进制、颜色名称或主题颜色变量。您也可以指定 background-color 来更改图标背景颜色。

注意：如果您使用的是汉堡包下拉模式而不是侧边栏，则右侧标题图标的第一个代码片段也将包含汉堡包图标。

4 个赞