From db0e43ddbbcbd11a8ca99c30b00eb35787c2a08a Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Tue, 26 Nov 2024 09:56:55 +0700
Subject: [PATCH] feat: adjust color on dark mode

---
 src/pages/05_quotation/QuotationForm.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 00082e6c..b57305c7 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -1040,7 +1040,7 @@ async function getWorkerFromCriteria(
   />
 
   <div class="column surface-0 fullscreen">
-    <div class="color-bar">
+    <div class="color-bar" :class="{ dark: $q.dark.isActive }">
       <div class="orange-segment"></div>
       <div class="yellow-segment"></div>
       <div class="gray-segment"></div>
@@ -2485,6 +2485,10 @@ async function getWorkerFromCriteria(
   overflow: hidden;
 }
 
+.color-bar.dark {
+  opacity: 0.7;
+}
+
 .orange-segment {
   background-color: var(--yellow-7);
   flex-grow: 4;