From 5a6e5b79482a5938657474b469be526ea8723afe Mon Sep 17 00:00:00 2001
From: LouisLam <louislam@users.noreply.github.com>
Date: Fri, 6 Aug 2021 19:48:51 +0800
Subject: [PATCH] change multiselect color

---
 src/pages/EditMonitor.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index ed63f55c4..cd7598423 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -244,14 +244,29 @@ export default {
 
 <style src="vue-multiselect/dist/vue-multiselect.css"></style>
 
-<style>
+<style lang="scss">
+    @import "../assets/vars.scss";
+
     .multiselect__tags {
         border-radius: 2rem;
         border: 1px solid #ced4da;
     }
+
     .multiselect--active .multiselect__tags {
         border-radius: 1rem;
     }
+
+    .multiselect__option--highlight {
+        background: $primary !important;
+    }
+
+    .multiselect__option--highlight::after {
+        background: $primary !important;
+    }
+
+    .multiselect__tag {
+        background: $primary !important;
+    }
 </style>
 
 <style scoped>