From 5aead184a948f44be7447aa0097f7919b8eed45d Mon Sep 17 00:00:00 2001
From: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Date: Sat, 30 May 2026 21:43:53 +0700
Subject: [PATCH] feat: add gray40 and gray50 variables

---
 src/colors.css     | 6 ++++++
 tailwind.config.js | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/src/colors.css b/src/colors.css
index 8ce3c7b4..8d6f195c 100644
--- a/src/colors.css
+++ b/src/colors.css
@@ -3,7 +3,9 @@
 	--gray05: #f5f6f7;
 	--gray10: #dfdfe2;
 	--gray15: #d0d0d5;
+	--gray40: #939393;
 	--gray45: #858591;
+	--gray50: #626262;
 	--gray75: #3b3b4f;
 	--gray80: #2a2a40;
 	--gray85: #1b1b32;
@@ -60,7 +62,9 @@
 	--gray05: var(--gray05);
 	--gray10: var(--gray10);
 	--gray15: var(--gray15);
+	--gray40: var(--gray40);
 	--gray45: var(--gray45);
+	--gray50: var(--gray50);
 	--gray75: var(--gray75);
 	--gray80: var(--gray80);
 	--gray85: var(--gray85);
@@ -110,6 +114,7 @@
 	--foreground-secondary: var(--gray85);
 	--foreground-tertiary: var(--gray80);
 	--foreground-quaternary: var(--gray75);
+	--foreground-muted: var(--gray50);
 	--foreground-danger: var(--red15);
 	--foreground-danger-disabled: var(--red100);
 	--foreground-success: var(--green40);
@@ -134,6 +139,7 @@
 	--foreground-secondary: var(--gray05);
 	--foreground-tertiary: var(--gray10);
 	--foreground-quaternary: var(--gray15);
+	--foreground-muted: var(--gray40);
 	--foreground-danger: var(--red90);
 	--foreground-danger-disabled: var(--red05);
 	--foreground-success: var(--green90);
diff --git a/tailwind.config.js b/tailwind.config.js
index c797d213..bb5b2b45 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -41,7 +41,9 @@ module.exports = {
 					50: "var(--gray05)",
 					100: "var(--gray10)",
 					150: "var(--gray15)",
+					400: "var(--gray40)",
 					450: "var(--gray45)",
+					500: "var(--gray50)",
 					750: "var(--gray75)",
 					800: "var(--gray80)",
 					850: "var(--gray85)",