From cbcf3dd4221f4d43a8ca6d8d06e5076e6d75dcf2 Mon Sep 17 00:00:00 2001
From: Mumbi Francis <kinya.francis.mumbi@gmail.com>
Date: Wed, 17 Jan 2024 11:20:46 +0300
Subject: [PATCH] Update vue-select darkmode

---
 lib/vue/src/components/input/CInputSelect.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/lib/vue/src/components/input/CInputSelect.vue b/lib/vue/src/components/input/CInputSelect.vue
index 7a0dd565c..b6d50b55f 100644
--- a/lib/vue/src/components/input/CInputSelect.vue
+++ b/lib/vue/src/components/input/CInputSelect.vue
@@ -145,12 +145,13 @@ export default {
   --vs-dropdown-option--active-bg: var(--light);
   --vs-state-disabled-color: var(--secondary);
   --vs-state-disabled-bg: var(--light);
-  --vs-colors--light: var(--light);
+  --vs-colors--light: var(--black);
   --vs-colors--dark: var(--black);
   --vs-dropdown-option-color: var(--black);
   --vs-dropdown-option--active-color: var(--black);
-  --vs-selected-bg: var(--primary);
+  --vs-selected-bg: var(--extra-light);
   --vs-search-input-color: var(--secondary);
+  --vs-search-input-bg: var(--white);
 }
 
 .v-select {
@@ -237,15 +238,9 @@ export default {
   }
 }
 
-[data-color-mode="light"] .vs--multiple {
-  .vs__selected {
-    color: var(--white);
-  }
-}
-
 .vs--open {
   .vs__dropdown-toggle {
-    border-color: var(--secondary);
+    border-color: var(--primary);
     border-radius: 0.25rem !important;
   }
 }