From 5c711c1bcbd02fa7437cce531a82d10c29f0edc0 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 24 May 2024 14:34:57 +0200
Subject: [PATCH] perf: 6957 add color as new shared variable

---
 src/components/ui/QCalendarMonthWrapper.vue | 2 +-
 src/css/quasar.variables.scss               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/QCalendarMonthWrapper.vue b/src/components/ui/QCalendarMonthWrapper.vue
index f99f6f4d7..25491417d 100644
--- a/src/components/ui/QCalendarMonthWrapper.vue
+++ b/src/components/ui/QCalendarMonthWrapper.vue
@@ -147,7 +147,7 @@ const containerClasses = computed(() => {
     .q-calendar-month__head--workweek,
     .q-calendar-month__head--weekday.q-calendar__center.q-calendar__ellipsis {
         text-transform: capitalize;
-        color: #777;
+        color: var(---color-font-secondary);
         font-weight: bold;
         font-size: 0.8rem;
         text-align: center;
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 899ae4397..da6cefb12 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -32,7 +32,7 @@ $primary-light: lighten($primary, 35%);
 $dark-shadow-color: black;
 $layout-shadow-dark: 0 0 10px 2px #00000033, 0 0px 10px #0000003d;
 $spacing-md: 16px;
-
+$color-font-secondary: #777;
 .bg-success {
     background-color: $positive;
 }