refactor(theme): update colors

Author: TylerAPfledderer

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

@@ -3,15 +3,17 @@ export type Colors = typeof colors
 const colors = {
   gray: {
     100: "#f7f7f7",
+    200: "#e7e7e7",
     300: "#d4d4d4",
     400: "#b0b0b0",
     500: "#646464",
+    600: "#333333",
     700: "#222222",
     900: "#141414",
   },
   blue: {
     100: "#dedeff",
-    300: "#ababfe",
+    300: "#8282ff",
     500: "#1c1cff",
     600: "#090990",
     700: "#0b0b66",

src/@chakra-ui/gatsby-plugin/semanticTokens.ts

@@ -48,7 +48,8 @@ const semanticTokens = {
     body: { _light: "gray.700", _dark: "gray.100" },
     // ! Deprecating bodyInverted
     bodyInverted: { _light: "gray.100", _dark: "gray.700" },
-    bodyLight: { _light: "gray.500", _dark: "gray.300" },
+    bodyMedium: { _light: "gray.500", _dark: "gray.300" },
+    bodyLight: { _light: "gray.200", _dark: "gray.600" },
     disabled: { _light: "gray.300", _dark: "gray.500" },
     background: { _light: "white", _dark: "gray.700" },
     backgroundHighlight: { _light: "gray.100", _dark: "gray.900" },