How to Change Header Icon Color?

Dev
21

Para os ícones do cabeçalho no lado direito, no CSS comum de um tema ou componente de tema:

.d-header .d-header-icons .d-icon  {
    color: <cor dos ícones do cabeçalho> !important;
    &:hover {
        color: <cor do hover dos ícones do cabeçalho> !important;
    }
 }

Para o ícone de hambúrguer no modo de menu da barra lateral:

.d-header .header-sidebar-toggle button .d-icon {
    color: <cor do ícone de hambúrguer> !important;
    &:hover {
        color: <cor do hover do ícone de hambúrguer> !important;
    }
}

<cor dos ícones do cabeçalho>, <cor dos ícones de hambúrguer>, <cor do hover do ícone do cabeçalho>, <cor do hover do ícone de hambúrguer> = hex, nome da cor ou variáveis de cor do tema. Você também pode especificar background-color se desejar alterar a cor de fundo do ícone.

Observação: Se você estiver usando o modo de menu suspenso do hambúrguer em vez da barra lateral, o primeiro trecho para os ícones do cabeçalho do lado direito também incluirá o ícone de hambúrguer.

4 curtidas