From 664d3f7dad373fb505135ba782c63bd623b3ef12 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 2 Aug 2024 13:45:01 +0700
Subject: [PATCH] fix: color

---
 src/pages/02_personnel-management/MainPage.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index e838d1f0..21bd3969 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1155,7 +1155,9 @@ watch(
                 </q-td>
 
                 <q-td v-if="fieldSelected.includes('userRole')">
-                  {{ props.row.userRole || '-' }}
+                  <span class="tags tags__purple">
+                    {{ props.row.userRole || '-' }}
+                  </span>
                 </q-td>
 
                 <q-td>
@@ -1738,6 +1740,10 @@ watch(
   --_color: var(--cyan-7-hsl);
 }
 
+.dark .tags__cyan {
+  --_color: var(--cyan-4-hsl);
+}
+
 .tags__yellow {
   --_color: var(--orange-4-hsl);
 }
@@ -1755,7 +1761,15 @@ watch(
 }
 
 .dark .tags__magenta {
-  --_color: var(--pink-7-hsl);
+  --_color: var(--pink-6-hsl);
+}
+
+.tags__purple {
+  --_color: var(--indigo-8-hsl);
+}
+
+.dark .tags__purple {
+  --_color: var(--indigo-3-hsl);
 }
 
 & .symbol-gender {