From e383615092fd46e908fced09b488b1b823f45a5e Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 16 Aug 2023 07:28:47 +0200
Subject: [PATCH] refs #5990 feat(summarys): cusom colors

---
 src/components/ui/CardSummary.vue | 4 ++--
 src/css/app.scss                  | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index cfc652a44..75559f076 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -101,7 +101,7 @@ watch(props, async () => {
 
         > .q-card {
             width: 100%;
-            background-color: rgb(58, 58, 58);
+            background-color: var(--vn-gray);
             padding: 15px;
             font-size: 16px;
             min-width: 275px;
@@ -119,7 +119,7 @@ watch(props, async () => {
                     margin-right: 10px;
                 }
                 .value {
-                    color: white; //$light-black;
+                    color: var(--vn-text); //$light-black;
                     width: max-content;
                     overflow: hidden;
                     white-space: nowrap;
diff --git a/src/css/app.scss b/src/css/app.scss
index 466219906..7d1acd53b 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -35,4 +35,11 @@ body.body--light {
             color: white;
         }
     }
+    --vn-text: #000000;
+    --vn-gray: #dddddd;
+}
+
+body.body--dark {
+    --vn-text: #ffffff;
+    --vn-gray: #313131;
 }