From 0ca62faf89775496320025c170c942b2cb3e1a20 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Sat, 8 Apr 2023 10:12:31 +0700
Subject: update theme color

---
 src/styles/globals.css | 76 ++++++++++++++++++++++----------------------------
 1 file changed, 34 insertions(+), 42 deletions(-)

(limited to 'src/styles/globals.css')

diff --git a/src/styles/globals.css b/src/styles/globals.css
index d43dad1f..d27913a2 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -55,12 +55,12 @@ button {
     }
 
     .badge-red {
-        @apply bg-red_r-5
-            text-red_r-10;
+        @apply bg-danger-100
+            text-danger-600;
     }
 
     .badge-solid-red {
-        @apply bg-red_r-10
+        @apply bg-danger-500
             text-white;
     }
 
@@ -70,8 +70,8 @@ button {
     }
 
     .badge-yellow {
-        @apply bg-yellow_r-3
-            text-yellow_r-11;
+        @apply bg-warning-200
+            text-warning-900;
     }
 
     .badge-blue {
@@ -80,12 +80,12 @@ button {
     }
 
     .badge-green {
-        @apply bg-green_r-5
-            text-green_r-10;
+        @apply bg-success-100
+            text-success-600;
     }
 
     .badge-solid-green {
-        @apply bg-green_r-10
+        @apply bg-success-500
             text-white;
     }
 
@@ -105,20 +105,19 @@ button {
             w-full
             leading-none
             focus:outline-none
-            focus:border-yellow_r-9
+            focus:border-warning-500
             disabled:bg-gray_r-5;
     }
 
     .form-input[aria-invalid] {
-        @apply border-red_r-10
-            focus:border-red_r-10;
+        @apply border-danger-500
+            focus:border-danger-500;
     }
 
     .btn-yellow,
     .btn-light,
     .btn-red,
-    .btn-solid-red,
-    .btn-green {
+    .btn-solid-red {
         @apply block
             w-fit
             py-3
@@ -132,37 +131,29 @@ button {
     }
 
     .btn-yellow {
-        @apply bg-yellow_r-9
-            border-yellow_r-9
-            hover:bg-yellow_r-10
+        @apply bg-warning-500
+            border-warning-500
+            hover:bg-warning-600
             disabled:text-gray_r-10
-            disabled:bg-yellow_r-7
-            disabled:border-yellow_r-7;
+            disabled:bg-warning-200
+            disabled:border-warning-200;
     }
 
     .btn-red {
-        @apply bg-red_r-3
-            border-red_r-6
-            text-red_r-11
-            disabled:text-red_r-10
-            disabled:bg-red_r-6;
+        @apply bg-danger-100
+            border-danger-300
+            text-danger-500
+            disabled:text-danger-400
+            disabled:bg-danger-200;
     }
 
     .btn-solid-red {
-        @apply bg-red_r-11
-            border-red_r-11
+        @apply bg-danger-500
+            border-danger-500
             text-gray_r-1
             disabled:text-gray_r-1
-            disabled:bg-red_r-8
-            disabled:border-red_r-8;
-    }
-
-    .btn-green {
-        @apply bg-green_r-3
-            border-green_r-6
-            text-green_r-11
-            disabled:text-green_r-10
-            disabled:bg-green_r-6;
+            disabled:bg-danger-200
+            disabled:border-danger-200;
     }
 
     .btn-light {
@@ -333,7 +324,7 @@ button {
 }
 
 .swiper-pagination-bullet-active {
-    @apply !bg-red_r-11;
+    @apply !bg-danger-500;
 }
 
 .pagination {
@@ -359,8 +350,9 @@ button {
 }
 
 .pagination-item--active {
-    @apply border-yellow_r-9
-        bg-yellow_r-9;
+    @apply border-warning-500
+        bg-warning-500
+        hover:bg-warning-500;
 }
 
 .pagination-dots {
@@ -391,7 +383,7 @@ button {
 }
 
 .form-select__control--menu-is-open {
-    @apply !border-yellow_r-9;
+    @apply !border-warning-500;
 }
 
 .table-specification {
@@ -492,7 +484,7 @@ button {
         gap-x-2
         p-4
         items-center
-        bg-red_r-11
+        bg-danger-500
         font-medium
         !text-gray_r-1
         rounded-none
@@ -594,7 +586,7 @@ button {
 
 .category-mega-box__child-one {
     @apply text-gray_r-12/80 
-        hover:text-red_r-11 
+        hover:text-danger-500 
         transition-colors 
         ease-linear 
         duration-100 
@@ -603,7 +595,7 @@ button {
 
 .category-mega-box__child-two {
     @apply text-gray_r-12/80 
-        hover:text-red_r-11 
+        hover:text-danger-500 
         transition-colors 
         ease-linear 
         duration-100 
-- 
cgit v1.2.3