edit semantic colors

marigold-ui · Dec 9, 2022 · cde3c3b · cde3c3b
1 parent d9fb2e0
commit cde3c3b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 33 deletions.
diff --git a/themes/theme-b2b/src/components/Button.style.ts b/themes/theme-b2b/src/components/Button.style.ts
@@ -22,11 +22,11 @@ export const Button: Theme['components']['Button'] = {
   },
   variant: {
     primary: {
-      color: 'background',
+      color: 'primary.text',
       bg: 'primary',
       '&:hover': {
         color: 'background',
-        bg: 'orange40',
+        bg: 'primary.hover',
       },
     },
     secondary: {

diff --git a/themes/theme-b2b/src/semantic-colors.ts b/themes/theme-b2b/src/semantic-colors.ts
@@ -24,31 +24,23 @@ export const disabledColors = {
   },
 };
 
+// color und dann hover
 export const primaryColors = {
   primary: {
     __default: themeColors.primary,
 
-    text: {
-      __default: themeColors.background,
-    },
-
-    hover: {
-      __default: colors.orange40,
-    },
+    text: themeColors.background,
+    hover: colors.orange40,
   },
 };
 
 export const secondaryColors = {
   secondary: {
     __default: themeColors.secondary,
 
-    text: {
-      __default: themeColors.background,
-    },
+    text: themeColors.background,
 
-    hover: {
-      __default: colors.gray60,
-    },
+    hover: colors.gray60,
   },
 };
 
@@ -57,35 +49,23 @@ export const statusColors = {
     info: {
       __default: themeColors.info,
 
-      text: {
-        __default: colors.blue10,
-      },
+      text: colors.blue10,
 
-      border: {
-        __default: colors.blue80,
-      },
+      border: colors.blue80,
     },
 
-    success: {
-      __default: themeColors.success,
-    },
+    success: themeColors.success,
 
-    warning: {
-      __default: themeColors.warning,
-    },
+    warning: themeColors.warning,
 
-    error: {
-      __default: themeColors.error,
-    },
+    error: themeColors.error,
   },
 };
 
 export const textColors = {
   text: {
     __default: themeColors.text,
 
-    link: {
-      __default: colors.blue60,
-    },
+    link: colors.blue60,
   },
 };