chore: tune override css var for story (#165)

gravity-ui · Dec 8, 2023 · 480a3ab · 480a3ab
1 parent c14f7a0
commit 480a3ab
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -85,8 +85,6 @@ body {
     }
 
     &__custom-background {
-        --gn-aside-header-menu-item-icon-color: var(--g-color-text-primary);
-
         opacity: 75%;
     }
 }