From 2b0b1b7f8c7825df20e429cbb6f852c8df06ae3a Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 21 Jun 2024 08:49:20 +0000
Subject: [PATCH] fix: q-field text color and disable color

---
 src/components/04_product-service/ฺBasicInfoProduct.vue |  2 +-
 src/css/quasar.variables.scss                          | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/04_product-service/ฺBasicInfoProduct.vue b/src/components/04_product-service/ฺBasicInfoProduct.vue
index 8ebcdc9a..4307c80a 100644
--- a/src/components/04_product-service/ฺBasicInfoProduct.vue
+++ b/src/components/04_product-service/ฺBasicInfoProduct.vue
@@ -106,7 +106,7 @@ defineProps<{
             readonly ? 'disabled' : $q.dark.isActive ? 'white' : ''
           "
           :toolbar-toggle-color="readonly ? 'disabled' : 'primary'"
-          style="cursor: auto; color: black"
+          style="cursor: auto; color: var(--foreground)"
         />
       </q-field>
 
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index f232d22e..b250538d 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -14,6 +14,8 @@ $negative: var(--red-9);
 $info: var(--blue-6);
 $warning: #ffc224;
 
+$disabled: var(--stone-5);
+
 $separator-color: var(--border-color);
 $separator-dark-color: var(--border-color);
 
@@ -78,3 +80,11 @@ div.fullscreen.q-drawer__backdrop {
 [disabled] * {
   color: hsl(var(--text-mute)) !important;
 }
+
+.bg-disabled {
+  background: $disabled;
+}
+
+.text-disabled {
+  color: $disabled;
+}