Merge pull request #11921 from ethereum/theme-color-adjustments

very small adjustments to the design tokens

Author: wackerow

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

@@ -2,11 +2,12 @@ export type Colors = typeof colors
 
 const colors = {
   gray: {
-    100: "#f7f7f7",
-    200: "#e7e7e7",
-    300: "#d4d4d4",
-    400: "#b0b0b0",
-    500: "#646464",
+    100: "#F7F7F7",
+    150: "#F2F2F2",
+    200: "#E7E7E7",
+    300: "#C8C8C8",
+    400: "#8C8C8C",
+    500: "#616161",
     600: "#333333",
     700: "#222222",
     800: "#1B1B1B",

src/@chakra-ui/semanticTokens.ts

@@ -51,7 +51,7 @@ const semanticTokens = {
     },
     body: {
       base: { _light: "gray.800", _dark: "gray.100" },
-      medium: { _light: "gray.500", _dark: "gray.300" },
+      medium: { _light: "gray.500", _dark: "gray.400" },
       light: { _light: "gray.200", _dark: "gray.600" },
       // ! Deprecating body.inverted
       inverted: { _light: "gray.100", _dark: "gray.800" },