How to Change Header Icon Color?

개발
21

오른쪽 헤더 아이콘을 위한 CSS는 테마 또는 테마 컴포넌트의 common-css에서 다음과 같이 설정합니다:

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

사이드바 메뉴 모드에서 햄버거 아이콘을 위한 CSS:

.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> = 16진수 색상 코드, 색상 이름 또는 테마 색상 변수입니다. 아이콘 배경색을 변경하려면 background-color도 지정할 수 있습니다.

참고: 사이드바 대신 햄버거 드롭다운 모드를 사용하는 경우, 오른쪽 헤더 아이콘을 위한 첫 번째 스니펫에 햄버거 아이콘도 포함됩니다.