From 8850f005b4831642735b24ef603fef0ffb95ba22 Mon Sep 17 00:00:00 2001 From: Koen Pauwels Date: Thu, 5 Jan 2023 14:58:07 +0100 Subject: [PATCH] 97732 Fixed button hover color issue in header --- src/app/shared/lang-switch/lang-switch.component.scss | 2 +- src/styles/_custom_variables.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/shared/lang-switch/lang-switch.component.scss b/src/app/shared/lang-switch/lang-switch.component.scss index efa7a55c44..6d79e6ab25 100644 --- a/src/app/shared/lang-switch/lang-switch.component.scss +++ b/src/app/shared/lang-switch/lang-switch.component.scss @@ -4,7 +4,7 @@ @media screen and (min-width: map-get($grid-breakpoints, md)) { .dropdown-toggle { - color: var(--ds-header-icon-color) !important; + color: var(--ds-header-icon-color); &:hover, &focus { color: var(--ds-header-icon-color-hover); diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss index 4098bb6417..e656972430 100644 --- a/src/styles/_custom_variables.scss +++ b/src/styles/_custom_variables.scss @@ -22,8 +22,8 @@ --ds-header-bg: #{$white}; --ds-header-logo-height: 50px; --ds-header-logo-height-xs: 50px; - --ds-header-icon-color: #{$cyan}; - --ds-header-icon-color-hover: #{darken($white, 15%)}; + --ds-header-icon-color: #{$link-color}; + --ds-header-icon-color-hover: #{$link-hover-color}; --ds-header-navbar-border-top-color: #{$white}; --ds-header-navbar-border-bottom-color: #{$gray-400}; --ds-navbar-link-color: #{$cyan};