From e03e954387de8ae25d86d577311013f3500e5d56 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@weahead.se>
Date: Thu, 29 Aug 2024 14:05:30 +0200
Subject: [PATCH] fix(SW-184): added some variables and other small fixes
 related to comments on PR

---
 components/Header/MainMenu/Avatar/avatar.module.css           | 2 +-
 .../MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css | 2 +-
 components/Header/tempHeaderData.ts                           | 2 +-
 components/LanguageSwitcher/LanguageSwitcherContent/index.tsx | 1 -
 .../languageSwitcherContent.module.css                        | 4 ++--
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/Header/MainMenu/Avatar/avatar.module.css b/components/Header/MainMenu/Avatar/avatar.module.css
index 0c6055350..f978efaf2 100644
--- a/components/Header/MainMenu/Avatar/avatar.module.css
+++ b/components/Header/MainMenu/Avatar/avatar.module.css
@@ -12,5 +12,5 @@
 .initials {
   font-size: 0.75rem;
   color: var(--Base-Text-Inverted);
-  background-color: var(--Scandic-Peach-70);
+  background-color: var(--Base-Icon-Low-contrast);
 }
diff --git a/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css b/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css
index 800f646b5..863a585f1 100644
--- a/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css
+++ b/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css
@@ -39,7 +39,7 @@
   text-decoration: none;
   padding: var(--Spacing-x1);
   gap: var(--Spacing-x-one-and-half);
-  color: var(--Scandic-Brand-Burgundy);
+  color: var(--Base-Text-High-contrast);
   font-family: var(--typography-Body-Bold-fontFamily);
   font-size: var(--typography-Body-Bold-fontSize);
   font-weight: 500;
diff --git a/components/Header/tempHeaderData.ts b/components/Header/tempHeaderData.ts
index 2c514e986..38810fc37 100644
--- a/components/Header/tempHeaderData.ts
+++ b/components/Header/tempHeaderData.ts
@@ -1,4 +1,4 @@
-import { MainNavigationItem } from "@/types/components/header/mainNavigationItem"
+import type { MainNavigationItem } from "@/types/components/header/mainNavigationItem"
 
 export const navigationMenuItems: MainNavigationItem[] = [
   {
diff --git a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
index 6a1a69a96..7a20e3da1 100644
--- a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
+++ b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
@@ -53,7 +53,6 @@ export default function LanguageSwitcherContent({
                 <li key={key}>
                   <Link
                     className={`${styles.link} ${isActive ? styles.active : ""}`}
-                    color="burgundy"
                     href={url}
                   >
                     {languages[key]}
diff --git a/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css b/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
index dfbcd6c00..53aa32c8a 100644
--- a/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
+++ b/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
@@ -27,7 +27,7 @@
   font-family: var(--typography-Subtitle-2-fontFamily);
   font-size: var(--typography-Subtitle-2-Mobile-fontSize);
   font-weight: var(--typography-Subtitle-2-fontWeight);
-  color: var(--Base-Text-High-contrast, #4d001b);
+  color: var(--Base-Text-High-contrast);
 }
 
 .list {
@@ -53,7 +53,7 @@
 .link.active,
 .link:hover {
   background-color: var(--Base-Surface-Primary-light-Hover-alt);
-  font-weight: 600;
+  font-weight: 500;
 }
 
 @media screen and (min-width: 768px) {