fix: error color from red to pink

src/theme/dark.ts

@@ -18,7 +18,7 @@ const closeIcon = (primaryColor: string) => {
     closeIconColorSuccess: twc.lime[600],
     closeIconColorInfo: twc.sky[600],
     closeIconColorWarning: twc.amber[600],
-    closeIconColorError: twc.red[600],
+    closeIconColorError: twc.pink[600],
     closeIconColorLoading: primaryColor,
 
     closeColorHoverSuccess: cah(twc.lime[500], 0.1),
@@ -36,10 +36,10 @@ const closeIcon = (primaryColor: string) => {
     closeColorPressedWarning: cah(twc.amber[500], 0.16),
     closeIconColorPressedWarning: cdh(twc.amber[500], 0.6),
 
-    closeColorHoverError: cah(twc.red[500], 0.14),
-    closeIconColorHoverError: cdh(twc.red[500], 0.2),
-    closeColorPressedError: cah(twc.red[500], 0.16),
-    closeIconColorPressedError: cdh(twc.red[500], 0.6),
+    closeColorHoverError: cah(twc.pink[500], 0.14),
+    closeIconColorHoverError: cdh(twc.pink[500], 0.2),
+    closeColorPressedError: cah(twc.pink[500], 0.16),
+    closeIconColorPressedError: cdh(twc.pink[500], 0.6),
 
     closeColorHoverLoading: cah(primaryColor, 0.14),
     closeIconColorHoverLoading: cdh(primaryColor, 0.2),
@@ -96,10 +96,10 @@ export function baseDarkThemeOverrides(primaryColor = ''): GlobalThemeOverrides
       warningColorPressed: cdh(twc.amber[650], 0.2),
       warningColorSuppl: twc.amber[650],
 
-      errorColor: twc.red[650],
-      errorColorHover: cdh(twc.red[650], 0.1),
-      errorColorPressed: cdh(twc.red[650], 0.2),
-      errorColorSuppl: twc.red[650],
+      errorColor: twc.pink[650],
+      errorColorHover: cdh(twc.pink[650], 0.1),
+      errorColorPressed: cdh(twc.pink[650], 0.2),
+      errorColorSuppl: twc.pink[650],
     },
     Alert: {
       ...closeIcon(primaryColor),
@@ -111,7 +111,7 @@ export function baseDarkThemeOverrides(primaryColor = ''): GlobalThemeOverrides
 
       textColorWarning: twc.amber[50],
 
-      textColorError: twc.red[50],
+      textColorError: twc.pink[50],
     },
     Card: {
       borderColor: dark.borderColor,
@@ -143,13 +143,13 @@ export function baseDarkThemeOverrides(primaryColor = ''): GlobalThemeOverrides
       textColorSuccess: twc.lime[500],
       textColorInfo: twc.sky[500],
       textColorWarning: twc.amber[500],
-      textColorError: twc.red[500],
+      textColorError: twc.pink[500],
       textColorLoading: primaryColor,
 
       colorSuccess: cmh(twc.neutral[750], twc.lime[950], 0.06),
       colorInfo: cmh(twc.neutral[750], twc.sky[950], 0.06),
       colorWarning: cmh(twc.neutral[750], twc.amber[950], 0.06),
-      colorError: cmh(twc.neutral[750], twc.red[950], 0.06),
+      colorError: cmh(twc.neutral[750], twc.pink[950], 0.06),
       colorLoading: cmh(twc.neutral[750], primaryColor, 0.01),
 
       ...closeIcon(primaryColor),

src/theme/light.ts

@@ -17,7 +17,7 @@ const closeIcon = (primaryColor: string) => {
     closeIconColorSuccess: twc.lime[500],
     closeIconColorInfo: twc.sky[500],
     closeIconColorWarning: twc.amber[500],
-    closeIconColorError: twc.red[500],
+    closeIconColorError: twc.pink[500],
     closeIconColorLoading: primaryColor,
 
     closeColorHoverSuccess: cah(twc.lime[400], 0.14),
@@ -35,10 +35,10 @@ const closeIcon = (primaryColor: string) => {
     closeColorPressedWarning: cah(twc.amber[400], 0.2),
     closeIconColorPressedWarning: cdh(twc.amber[500], 0.6),
 
-    closeColorHoverError: cah(twc.red[400], 0.14),
-    closeIconColorHoverError: cdh(twc.red[500], 0.2),
-    closeColorPressedError: cah(twc.red[400], 0.2),
-    closeIconColorPressedError: cdh(twc.red[500], 0.6),
+    closeColorHoverError: cah(twc.pink[400], 0.14),
+    closeIconColorHoverError: cdh(twc.pink[500], 0.2),
+    closeColorPressedError: cah(twc.pink[400], 0.2),
+    closeIconColorPressedError: cdh(twc.pink[500], 0.6),
 
     closeColorHoverLoading: cah(primaryColor, 0.14),
     closeIconColorHoverLoading: cdh(primaryColor, 0.2),
@@ -93,10 +93,10 @@ export function baseLightThemeOverrides(primaryColor = ''): GlobalThemeOverrides
       warningColorPressed: cdh(twc.amber[500], 0.2),
       warningColorSuppl: twc.amber[500],
 
-      errorColor: twc.red[500],
-      errorColorHover: cdh(twc.red[500], 0.1),
-      errorColorPressed: cdh(twc.red[500], 0.2),
-      errorColorSuppl: twc.red[500],
+      errorColor: twc.pink[500],
+      errorColorHover: cdh(twc.pink[500], 0.1),
+      errorColorPressed: cdh(twc.pink[500], 0.2),
+      errorColorSuppl: twc.pink[500],
     },
     Alert: {
       ...closeIcon(primaryColor),
@@ -108,7 +108,7 @@ export function baseLightThemeOverrides(primaryColor = ''): GlobalThemeOverrides
 
       textColorWarning: twc.amber[25],
 
-      textColorError: twc.red[25],
+      textColorError: twc.pink[25],
     },
     Card: {
       borderColor: light.borderColor,
@@ -139,13 +139,13 @@ export function baseLightThemeOverrides(primaryColor = ''): GlobalThemeOverrides
       textColorSuccess: twc.lime[500],
       textColorInfo: twc.sky[500],
       textColorWarning: twc.amber[500],
-      textColorError: twc.red[500],
+      textColorError: twc.pink[500],
       textColorLoading: primaryColor,
 
       colorSuccess: cbh(twc.lime[25], 0.3),
       colorInfo: cbh(twc.sky[25], 0.3),
       colorWarning: cbh(twc.amber[25], 0.3),
-      colorError: cbh(twc.red[25], 0.3),
+      colorError: cbh(twc.pink[25], 0.3),
       colorLoading: cmh(twc.neutral[25], primaryColor, 0.01),
 
       ...closeIcon(primaryColor),