chore: sync chakra theme; solid button and colors

Author: wackerow

src/@chakra-ui/components/Button.ts

@@ -44,8 +44,8 @@ const baseStyle = defineStyle({
 })
 
 const variantSolid = defineStyle({
-  color: "background.base",
-  bg: "primary.base",
+  color: "white",
+  bg: "primary.action",
   borderColor: "transparent",
   _disabled: {
     bg: "disabled",

src/@chakra-ui/foundations/colors.ts

@@ -2,41 +2,42 @@ export type Colors = typeof colors
 
 const colors = {
   gray: {
-    100: "#F7F7F7",
-    150: "#F2F2F2",
-    200: "#E7E7E7",
-    300: "#C8C8C8",
+    50: "#f7f7f7",
+    100: "#eeeeee",
+    150: "#ececec",
+    200: "#cecece",
+    300: "#acacac",
     400: "#8C8C8C",
     500: "#616161",
     600: "#333333",
     700: "#222222",
-    800: "#1B1B1B",
-    900: "#141414",
+    800: "#1b1b1b",
+    900: "#121212",
+    950: "#0a0a0a",
   },
   blue: {
-    50: "#F6F6FF",
-    100: "#EBEBFF",
-    200: "#D6D6FF",
-    300: "#9999FF",
-    400: "#5555FF",
-    500: "#1C1CFF",
-    600: "#0000E0",
-    700: "#0000A3",
-    800: "#000066",
-    900: "#000029",
+    50: "#F8FBFF",
+    100: "#E8F1FF",
+    200: "#CADFFB",
+    300: "#88AAF1",
+    400: "#6995F7",
+    500: "#4473EF",
+    600: "#3C4CEB",
+    700: "#2B36A8",
+    800: "#232F71",
+    900: "#1B273A",
   },
   orange: {
     50: "#FFF3ED",
-    100: "#FFE5D6",
-    200: "#FFCBAD",
-    300: "#FFB185",
-    400: "#FF985C",
-    500: "#FF7324",
-    550: "#DF5A0E",
-    600: "#B84300",
-    700: "#7A2D00",
-    800: "#521E00",
-    900: "#2F1000",
+    100: "#FFF0DB",
+    200: "#FFD7A7",
+    300: "#FEB077",
+    400: "#FD8640",
+    500: "#FB610E",
+    600: "#EC4A0A",
+    700: "#C4350A",
+    800: "#7D2711",
+    900: "#3A291D",
   },
   purple: {
     50: "#F3ECFF",

src/@chakra-ui/semanticTokens.ts

@@ -38,6 +38,7 @@ const semanticTokens = {
     // Main Set
     primary: {
       base: { _light: "purple.600", _dark: "purple.400" },
+      action: { _light: "purple.500", _dark: "purple.500" },
       highContrast: { _light: "purple.800", _dark: "purple.200" },
       lowContrast: { _light: "purple.100", _dark: "purple.900" },
       hover: { _light: "purple.500", _dark: "purple.500" },