Darker hover color

Author: nloureiro

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

@@ -16,7 +16,7 @@ const colors = {
     100: "#EBEBFF",
     200: "#D6D6FF",
     300: "#9999FF",
-    400: "#4747FF",
+    400: "#5555FF",
     500: "#1C1CFF",
     600: "#0000E0",
     700: "#0000A3",

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

@@ -39,15 +39,15 @@ const semanticTokens = {
     primary: {
       base: { _light: "blue.500", _dark: "orange.500" },
       highContrast: { _light: "blue.700", _dark: "orange.100" },
-      lowContrast: { _light: "blue.100", _dark: "orange.800" },
-      hover: { _light: "blue.300", _dark: "orange.300" },
+      lowContrast: { _light: "blue.100", _dark: "orange.900" },
+      hover: { _light: "blue.400", _dark: "orange.400" },
       visited: { _light: "blue.600", _dark: "orange.600" },
       // ! Deprecating primary.light
       light: { _light: "blue.100", _dark: "orange.100" },
       // ! Deprecating primary.dark
       dark: { _light: "blue.700", _dark: "orange.800" },
       // ! Deprecating primary.pressed
-      pressed: { _light: "blue.300", _dark: "orange.800" },
+      pressed: { _light: "blue.400", _dark: "orange.800" },
     },
     body: {
       base: { _light: "gray.700", _dark: "gray.100" },