From 4f9cdd2112b5a0fc912f9c7be2bbdad08005318f Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 16 Aug 2023 07:35:29 +0200
Subject: [PATCH] refs #5990 feat(summarys): custom colors

---
 src/components/ui/CardSummary.vue | 4 ++--
 src/css/app.scss                  | 2 ++
 src/css/quasar.variables.scss     | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 75559f076..561798968 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -111,7 +111,7 @@ watch(props, async () => {
                 flex-direction: row;
                 margin-top: 5px;
                 .label {
-                    color: rgb(131, 131, 131); //$gray;
+                    color: var(--vn-label);
                     width: 10em;
                     overflow: hidden;
                     white-space: nowrap;
@@ -119,7 +119,7 @@ watch(props, async () => {
                     margin-right: 10px;
                 }
                 .value {
-                    color: var(--vn-text); //$light-black;
+                    color: var(--vn-text);
                     width: max-content;
                     overflow: hidden;
                     white-space: nowrap;
diff --git a/src/css/app.scss b/src/css/app.scss
index 7d1acd53b..bf501f011 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -37,9 +37,11 @@ body.body--light {
     }
     --vn-text: #000000;
     --vn-gray: #dddddd;
+    --vn-label: #5f5f5f;
 }
 
 body.body--dark {
     --vn-text: #ffffff;
     --vn-gray: #313131;
+    --vn-label: #a8a8a8;
 }
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 5d20efe73..b2414d4ce 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -47,4 +47,4 @@ $dark: #292929;
 $layout-shadow-dark: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
 $spacing-md: 16px;
 
-$label-color: rgba(255, 255, 255, 0.6);
+$label-color: #ffffff99;