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

very small adjustments to the design tokens
ethereum · Jan 12, 2024 · 0f4ae79 · 0f4ae79
2 parents 3aa8849 + 0d83638
commit 0f4ae79
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/@chakra-ui/foundations/colors.ts b/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",

diff --git a/src/@chakra-ui/semanticTokens.ts b/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" },