From 0d8363898f5b05692735bcf04faacff6c0dc391f Mon Sep 17 00:00:00 2001 From: Nuno Loureiro Date: Fri, 12 Jan 2024 15:37:10 +0000 Subject: [PATCH] very small adjustments to the design tokens --- src/@chakra-ui/foundations/colors.ts | 11 ++++++----- src/@chakra-ui/semanticTokens.ts | 2 +- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/@chakra-ui/foundations/colors.ts b/src/@chakra-ui/foundations/colors.ts index 40232ef3f86..dbf3e6cd57e 100644 --- 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 index 111583da38a..9e20353d72b 100644 --- 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" },