From 480a3ab2c8f0bd57f0fc5d6ed815b8ea70312e41 Mon Sep 17 00:00:00 2001
From: Angelina Gadzhieva <lunory@yandex-team.ru>
Date: Fri, 8 Dec 2023 14:04:50 +0300
Subject: [PATCH] chore: tune override css var for story (#165)

---
 .../AsideHeader/__stories__/AsideHeader.stories.tsx   | 11 ++++++++++-
 .../AsideHeader/__stories__/AsideHeaderShowcase.scss  |  2 --
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx b/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
index fa11080..cd1706d 100644
--- a/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
+++ b/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
@@ -32,7 +32,16 @@ MultipleTooltip.args = {
     initialCompact: true,
 };
 
-const CustomThemeTemplate: StoryFn = (args) => <AsideHeaderShowcase {...args} />;
+const CustomThemeTemplate: StoryFn = (args) => (
+    <React.Fragment>
+        <style>
+            {`.g-root {
+                --gn-aside-header-menu-item-icon-color: var(--g-color-text-primary);
+            }`}
+        </style>
+        <AsideHeaderShowcase {...args} />
+    </React.Fragment>
+);
 export const CustomTheme = CustomThemeTemplate.bind({});
 CustomTheme.args = {
     headerDecoration: false,
diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
index 4e6127a..e58e805 100644
--- a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
+++ b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
@@ -85,8 +85,6 @@ body {
     }
 
     &__custom-background {
-        --gn-aside-header-menu-item-icon-color: var(--g-color-text-primary);
-
         opacity: 75%;
     }
 }