Merged in fix/book-249-navigation-icon-color-update (pull request #2916)

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

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>

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",

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>

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>