changed themed-neutral to steel

SchwarzIT · Nov 25, 2024 · e7ff63d · e7ff63d
1 parent f2d59cd
commit e7ff63d
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 68 deletions.
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/auto.svg b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/auto.svg
diff --git a/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/dark.svg b/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/dark.svg
diff --git a/...ages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/light.svg b/...ages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/light.svg
diff --git a/packages/storybook-utils/src/style.css b/packages/storybook-utils/src/style.css
@@ -40,18 +40,18 @@
  */
 :where(:root),
 .onyx-theme-default {
-  --onyx-color-themed-neutral-100: #fafbfc;
-  --onyx-color-themed-neutral-200: #e3eaf0;
-  --onyx-color-themed-neutral-300: #c9d6e0;
-  --onyx-color-themed-neutral-400: #9db3c4;
-  --onyx-color-themed-neutral-500: #7392aa;
-  --onyx-color-themed-neutral-600: #506e84;
-  --onyx-color-themed-neutral-700: #3e596e;
-  --onyx-color-themed-neutral-800: #31495c;
-  --onyx-color-themed-neutral-900: #22384a;
-  --onyx-color-themed-neutral-1000: #11212d;
-  --onyx-color-themed-neutral-1100: #081723;
-  --onyx-color-themed-neutral-1200: #000e19;
+  --onyx-color-steel-100: #fafbfc;
+  --onyx-color-steel-200: #e3eaf0;
+  --onyx-color-steel-300: #c9d6e0;
+  --onyx-color-steel-400: #9db3c4;
+  --onyx-color-steel-500: #7392aa;
+  --onyx-color-steel-600: #506e84;
+  --onyx-color-steel-700: #3e596e;
+  --onyx-color-steel-800: #31495c;
+  --onyx-color-steel-900: #22384a;
+  --onyx-color-steel-1000: #11212d;
+  --onyx-color-steel-1100: #081723;
+  --onyx-color-steel-1200: #000e19;
   --onyx-color-themed-primary-100: #e8fcfc;
   --onyx-color-themed-primary-200: #bbeaed;
   --onyx-color-themed-primary-300: #79dde2;

diff --git a/packages/storybook-utils/src/theme.ts b/packages/storybook-utils/src/theme.ts
@@ -44,20 +44,20 @@ export const createTheme = (base: "light" | "dark" = "light", brandDetails?: Bra
 const getLightTheme = (): Partial<ThemeVars> => {
   return defineTheme({
     background: getCustomProperty("--onyx-color-universal-grayscale-white"),
-    contentBackground: getCustomProperty("--onyx-color-themed-neutral-100"),
-    text: getCustomProperty("--onyx-color-themed-neutral-700"),
-    textMuted: getCustomProperty("--onyx-color-themed-neutral-600"),
-    border: getCustomProperty("--onyx-color-themed-neutral-300"),
+    contentBackground: getCustomProperty("--onyx-color-steel-100"),
+    text: getCustomProperty("--onyx-color-steel-700"),
+    textMuted: getCustomProperty("--onyx-color-steel-600"),
+    border: getCustomProperty("--onyx-color-steel-300"),
   });
 };
 
 const getDarkTheme = (): Partial<ThemeVars> => {
   return defineTheme({
-    background: getCustomProperty("--onyx-color-themed-neutral-1100"),
-    contentBackground: getCustomProperty("--onyx-color-themed-neutral-1200"),
-    text: getCustomProperty("--onyx-color-themed-neutral-200"),
-    textMuted: getCustomProperty("--onyx-color-themed-neutral-400"),
-    border: getCustomProperty("--onyx-color-themed-neutral-900"),
+    background: getCustomProperty("--onyx-color-steel-1100"),
+    contentBackground: getCustomProperty("--onyx-color-steel-1200"),
+    text: getCustomProperty("--onyx-color-steel-200"),
+    textMuted: getCustomProperty("--onyx-color-steel-400"),
+    border: getCustomProperty("--onyx-color-steel-900"),
   });
 };