How to Change Header Icon Color?

開発
21

テーマまたはテーマコンポーネントの common-css で、右側のヘッダーアイコンの場合：

.d-header .d-header-icons .d-icon  {
    color: <ヘッダーアイコンの色> !important;
    &:hover {
        color: <ヘッダーアイコンのホバー時の色> !important;
    }
 }

サイドバーメニューモードのハンバーガーアイコンの場合：

.d-header .header-sidebar-toggle button .d-icon {
    color: <ハンバーガーアイコンの色> !important;
    &:hover {
        color: <ハンバーガーアイコンのホバー時の色> !important;
    }
}

<ヘッダーアイコンの色>、<ハンバーガーアイコンの色>、<ヘッダーアイコンのホバー時の色>、<ハンバーガーアイコンのホバー時の色> = 16進数、カラー名、またはテーマカラー変数。アイコンの背景色を変更したい場合は、background-color を指定することもできます。

注：サイドバーではなくハンバーガーのドロップダウンモードを使用している場合、右側のヘッダーアイコン用の最初のスニペットにもハンバーガーアイコンが含まれます。

「いいね！」 4