new colors

Author: nloureiro

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

@@ -9,6 +9,7 @@ const colors = {
     500: "#646464",
     600: "#333333",
     700: "#222222",
+    800: "#1B1B1B",
     900: "#141414",
   },
   blue: {
@@ -30,6 +31,7 @@ const colors = {
     300: "#FFB185",
     400: "#FF985C",
     500: "#FF7324",
+    550: "#DF5A0E",
     600: "#B84300",
     700: "#7A2D00",
     800: "#521E00",

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

@@ -41,7 +41,7 @@ const semanticTokens = {
       highContrast: { _light: "blue.800", _dark: "orange.100" },
       lowContrast: { _light: "blue.100", _dark: "orange.900" },
       hover: { _light: "blue.400", _dark: "orange.400" },
-      visited: { _light: "blue.700", _dark: "orange.400" },
+      visited: { _light: "blue.700", _dark: "orange.550" },
       // ! Deprecating primary.light
       light: { _light: "blue.100", _dark: "orange.100" },
       // ! Deprecating primary.dark
@@ -50,14 +50,14 @@ const semanticTokens = {
       pressed: { _light: "blue.400", _dark: "orange.800" },
     },
     body: {
-      base: { _light: "gray.700", _dark: "gray.100" },
+      base: { _light: "gray.800", _dark: "gray.100" },
       medium: { _light: "gray.500", _dark: "gray.300" },
       light: { _light: "gray.200", _dark: "gray.600" },
       // ! Deprecating body.inverted
-      inverted: { _light: "gray.100", _dark: "gray.700" },
+      inverted: { _light: "gray.100", _dark: "gray.800" },
     },
     background: {
-      base: { _light: "white", _dark: "gray.700" },
+      base: { _light: "white", _dark: "gray.800" },
       highlight: { _light: "gray.100", _dark: "gray.900" },
     },
     disabled: { _light: "gray.400", _dark: "gray.500" },

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

@@ -14,7 +14,7 @@ const styles = {
     body: {
       // TODO: when we have Chakra v2, this should be done by overriding the
       // native Chakra semantic tokens
-      bg: mode("white", "gray.700")(props),
+      bg: mode("white", "gray.800")(props),
       lineHeight: "base",
       fontSize: "md",
     },