From d66758f90228c87f179f1e55a50a39020dbb9603 Mon Sep 17 00:00:00 2001
From: GioLopWP <133056774+GioLopWP@users.noreply.github.com>
Date: Thu, 3 Aug 2023 09:19:28 -0500
Subject: [PATCH] THEMES-1173: header nav | Update button component to match
 new design (#1712)

-  Fixes logo hover aplha to 70%
  -  Includes changes for links when hover
---
 .storybook/themes/news.scss                    | 7 +++++--
 blocks/header-nav-chain-block/themes/news.json | 7 ++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
index 4986971609..6132cd6558 100644
--- a/.storybook/themes/news.scss
+++ b/.storybook/themes/news.scss
@@ -1246,7 +1246,6 @@
 					line-height: var(--body-line-height),
 					transform: translateZ(0),
 					min-height: var(--header-nav-chain-height),
-					// Hardware acceleration performance on height adjustments
 					justify-content: center,
 					display: flex,
 					align-items: center,
@@ -1403,6 +1402,11 @@
 				header-nav-chain-links-list-item: (
 					display: flex,
 					gap: var(--global-spacing-2),
+					components: (
+						link-hover: (
+							color: var(--global-neutral-3),
+						),
+					),
 				),
 				header-nav-chain-scrolled-flyout-overlay: (
 					margin-top: var(--header-nav-chain-height-scrolled),
@@ -1427,7 +1431,6 @@
 					width: 100%,
 				),
 				header-nav-chain-flyout-overlay-closed: (
-					// hide vertical overflow when closed
 					overflow-y: hidden,
 					width: 0,
 				),
diff --git a/blocks/header-nav-chain-block/themes/news.json b/blocks/header-nav-chain-block/themes/news.json
index 33a2720c37..87b8e82fb9 100644
--- a/blocks/header-nav-chain-block/themes/news.json
+++ b/blocks/header-nav-chain-block/themes/news.json
@@ -272,7 +272,12 @@
 		"styles": {
 			"default": {
 				"display": "flex",
-				"gap": "var(--global-spacing-2)"
+				"gap": "var(--global-spacing-2)",
+				"components": {
+					"link-hover": {
+						"color": "var(--global-neutral-3)"
+					}
+				}
 			},
 			"desktop": {}
 		}