From 532b80c85c584db6f97d412193d7605c45e9d26d Mon Sep 17 00:00:00 2001
From: nevgard <fahmifaza6@gmail.com>
Date: Sat, 28 Oct 2023 13:36:01 +0700
Subject: [PATCH] change color status product

---
 assets/css/section7.css | 13 ++-----------
 assets/css/section8.css | 13 ++-----------
 assets/css/section9.css | 13 ++-----------
 3 files changed, 6 insertions(+), 33 deletions(-)

diff --git a/assets/css/section7.css b/assets/css/section7.css
index fc4e063..170ea02 100644
--- a/assets/css/section7.css
+++ b/assets/css/section7.css
@@ -52,21 +52,12 @@
   border-radius: 4px;
   font-weight: bold;
   font-size: small;
-  background: rgb(211, 100, 122);
-  width: max-content;
-  margin: 0;
-  padding: 2px 14px 2px;
-}
-.section__7-product__status__ready {
-  color: rgb(255, 255, 255);
-  border-radius: 4px;
-  font-weight: bold;
-  font-size: small;
-  background: rgb(36, 202, 3);
+  background: var(--late-pre-order);
   width: max-content;
   margin: 0;
   padding: 2px 14px 2px;
 }
+
 .section__7-product__name {
   font-weight: bold;
   font-size: small;
diff --git a/assets/css/section8.css b/assets/css/section8.css
index 4e3a081..741719d 100644
--- a/assets/css/section8.css
+++ b/assets/css/section8.css
@@ -52,21 +52,12 @@
   border-radius: 4px;
   font-weight: bold;
   font-size: small;
-  background: rgb(211, 100, 122);
-  width: max-content;
-  margin: 0;
-  padding: 2px 14px 2px;
-}
-.section__8-product__status__ready {
-  color: rgb(255, 255, 255);
-  border-radius: 4px;
-  font-weight: bold;
-  font-size: small;
-  background: rgb(36, 202, 3);
+  background: var(--late-pre-order);
   width: max-content;
   margin: 0;
   padding: 2px 14px 2px;
 }
+
 .section__8-product__name {
   font-weight: bold;
   font-size: small;
diff --git a/assets/css/section9.css b/assets/css/section9.css
index db13993..d198374 100644
--- a/assets/css/section9.css
+++ b/assets/css/section9.css
@@ -47,22 +47,13 @@
   margin: 0 6px;
   background-color: white;
 }
-.section__9-product__status {
-  color: rgb(255, 255, 255);
-  border-radius: 4px;
-  font-weight: bold;
-  font-size: small;
-  background: rgb(211, 100, 122);
-  width: max-content;
-  margin: 0;
-  padding: 2px 14px 2px;
-}
+
 .section__9-product__status__ready {
   color: rgb(255, 255, 255);
   border-radius: 4px;
   font-weight: bold;
   font-size: small;
-  background: rgb(36, 202, 3);
+  background: var(--ready-stock);
   width: max-content;
   margin: 0;
   padding: 2px 14px 2px;