From 01065c05e80c97efa1fca504f84dea33a61132e5 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 6 Jan 2025 11:53:59 +0700
Subject: [PATCH] fix: update caption color for dark mode in ProfileBanner

---
 src/components/ProfileBanner.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/ProfileBanner.vue b/src/components/ProfileBanner.vue
index a525affb..dfdcdb7b 100644
--- a/src/components/ProfileBanner.vue
+++ b/src/components/ProfileBanner.vue
@@ -202,7 +202,12 @@ const smallBanner = ref(false);
                 {{ title }}
               </q-tooltip>
             </span>
-            <span v-if="title" class="app-text-muted">{{ caption }}</span>
+            <span
+              v-if="title"
+              :class="$q.dark.isActive ? 'foreground' : 'app-text-muted'"
+            >
+              {{ caption }}
+            </span>
           </div>
 
           <!-- icon -->
@@ -213,7 +218,8 @@ const smallBanner = ref(false);
           >
             <span
               v-if="useToggle && toggleTitle"
-              class="q-mr-md app-text-muted-2"
+              class="q-mr-md"
+              :class="$q.dark.isActive ? 'foreground' : 'app-text-muted-2'"
             >
               {{ toggleTitle }}
             </span>
@@ -401,7 +407,8 @@ const smallBanner = ref(false);
         </span>
         <span
           v-if="title"
-          class="app-text-muted absolute"
+          class="absolute"
+          :class="$q.dark.isActive ? 'foreground' : 'app-text-muted'"
           style="font-size: 10px; bottom: 4px"
         >
           {{ caption }}