From 89df3b8c6c04ef49eb12d96ae49a96c4e59b5e09 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 7 Nov 2024 14:20:50 +0700
Subject: [PATCH] refactor: add color dark-orange

---
 src/components/StatCardComponent.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index 4fe55d16..5a2b0e40 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -11,6 +11,7 @@ const props = withDefaults(
         | 'purple'
         | 'green'
         | 'orange'
+        | 'dark-orange'
         | 'cyan'
         | 'yellow'
         | 'red'
@@ -114,6 +115,10 @@ const props = withDefaults(
   --_color: var(--orange-5-hsl);
 }
 
+.stat-card__dark-orange {
+  --_color: var(--orange-10-hsl);
+}
+
 .stat-card__magenta {
   --_color: var(--pink-8-hsl);
 }
@@ -142,6 +147,10 @@ const props = withDefaults(
   --_color: var(--orange-6-hsl);
 }
 
+.dark.stat-card__dark-orange {
+  --_color: var(--orange-11-hsl);
+}
+
 .dark .stat-card__magenta {
   --_color: var(--pink-7-hsl);
 }