From cb51445eadba90f67ccfe7c4344d5b14dc35f66a Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 31 Jan 2024 11:00:45 -0300
Subject: [PATCH] Change available and visible text colors in item descriptor

---
 src/css/app.scss                       |  4 ++++
 src/pages/Item/Card/ItemDescriptor.vue | 18 +++++++++++-------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index b742dae2fb..dbf45ce893 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -52,6 +52,10 @@ body.body--dark {
     color: var(--vn-text);
 }
 
+.color-vn-white {
+    color: $white;
+}
+
 .vn-card {
     background-color: var(--vn-gray);
     color: var(--vn-text);
diff --git a/src/pages/Item/Card/ItemDescriptor.vue b/src/pages/Item/Card/ItemDescriptor.vue
index bd7e8c3716..41398bd282 100644
--- a/src/pages/Item/Card/ItemDescriptor.vue
+++ b/src/pages/Item/Card/ItemDescriptor.vue
@@ -231,22 +231,26 @@ const openCloneDialog = async () => {
                 style="height: 54px"
             >
                 <div class="col column items-center">
-                    <span class="text-uppercase" style="font-size: 11px">
+                    <span class="text-uppercase color-vn-white" style="font-size: 11px">
                         {{ t('item.descriptor.visible') }}
                     </span>
-                    <span class="text-weight-bold text-h5">{{ visible }}</span>
+                    <span class="text-weight-bold text-h5 color-vn-white">{{
+                        visible
+                    }}</span>
                 </div>
                 <div
                     class="col column items-center separation-borders"
                     style="font-size: 11px"
                 >
-                    <span class="text-uppercase">
+                    <span class="text-uppercase color-vn-white">
                         {{ t('item.descriptor.available') }}
                     </span>
-                    <span class="text-weight-bold text-h5">{{ available }}</span>
+                    <span class="text-weight-bold text-h5 color-vn-white">{{
+                        available
+                    }}</span>
                 </div>
                 <div class="col column items-center justify-center">
-                    <QIcon name="info" class="cursor-pointer" size="md">
+                    <QIcon name="info" class="cursor-pointer color-vn-white" size="md">
                         <QTooltip>{{ warehouseText }}</QTooltip>
                     </QIcon>
                 </div>
@@ -302,7 +306,7 @@ es:
 }
 
 .separation-borders {
-    border-left: 1px solid var(--vn-text);
-    border-right: 1px solid var(--vn-text);
+    border-left: 1px solid $white;
+    border-right: 1px solid $white;
 }
 </style>