From 973a665abad9848ea6f2e0c1d69c6a9219411829 Mon Sep 17 00:00:00 2001
From: Matilda Haneling <matilda.haneling@scandichotels.com>
Date: Tue, 7 Oct 2025 06:51:10 +0000
Subject: [PATCH] Merged in fix/book-249-navigation-icon-color-update (pull
 request #2916)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix(BOOK-249): navigation icon color update

* fix(BOOK:249): updated color token to CurrentColor

* fix(BOOK-249): changed "log in/join" text to bold

* fix(BOOK-249): changed color on login arrow icon and in skeleton


Approved-by: Matilda Landström
---
 .../components/Header/MainMenu/MyPagesMenu/index.tsx          | 4 ++--
 .../components/Header/MainMenu/MyPagesMenuWrapper/index.tsx   | 2 +-
 .../Header/MainMenu/NavigationMenu/MegaMenu/index.tsx         | 2 +-
 .../MainMenu/NavigationMenu/NavigationMenuItem/index.tsx      | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
index 9537fe7c9..f5e1173f3 100644
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
@@ -73,7 +73,7 @@ export default function MyPagesMenu({
           icon="keyboard_arrow_down"
           size={20}
           className={`${styles.chevron} ${isMyPagesMenuOpen ? styles.isExpanded : ""}`}
-          color="Icon/Interactive/Accent"
+          color="CurrentColor"
         />
       </MainMenuButton>
       {isMyPagesMenuOpen ? (
@@ -102,7 +102,7 @@ export function MyPagesMenuSkeleton() {
           icon="keyboard_arrow_down"
           size={20}
           className={`${styles.chevron}`}
-          color="Icon/Interactive/Accent"
+          color="CurrentColor"
         />
       </MainMenuButton>
     </div>
diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
index b17a20f80..0d2217e16 100644
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
@@ -77,7 +77,7 @@ export default function MyPagesMenuWrapper() {
           trackingId="loginStartNewTopMenu"
         >
           <Avatar />
-          <Typography variant={"Body/Paragraph/mdRegular"}>
+          <Typography variant={"Body/Paragraph/mdBold"}>
             <span className={styles.loginText}>
               {intl.formatMessage({
                 defaultMessage: "Log in/Join",
diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
index 5e721e976..bf1e9d6ac 100644
--- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
@@ -46,7 +46,7 @@ export default function MegaMenu({
               <MaterialIcon
                 icon="arrow_back_ios"
                 size={20}
-                color="Icon/Interactive/Default"
+                color="CurrentColor"
               />
               <Typography variant="Title/Subtitle/lg" className={styles.text}>
                 <span>{title}</span>
diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx
index fb35ad2cb..9b2f6c151 100644
--- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx
@@ -55,14 +55,14 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
               icon="arrow_forward_ios"
               size={20}
               className={`${styles.chevron}`}
-              color="Icon/Interactive/Default"
+              color="CurrentColor"
             />
           ) : (
             <MaterialIcon
               icon="keyboard_arrow_down"
               size={20}
               className={`${styles.chevron} ${isMegaMenuOpen ? styles.isExpanded : ""}`}
-              color="Icon/Interactive/Default"
+              color="CurrentColor"
             />
           )}
         </MainMenuButton>