From 34f92a6f34291437f5cc459fa0aa14829121aa21 Mon Sep 17 00:00:00 2001
From: Favour Olayinka <csskfaves@gmail.com>
Date: Tue, 7 May 2024 12:29:19 +0100
Subject: [PATCH] slider input color (#391)

* slider input color

* fix slider input  accent  color

---------

Co-authored-by: Julien Nahum <julien@nahum.net>
---
 client/components/forms/SliderInput.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/components/forms/SliderInput.vue b/client/components/forms/SliderInput.vue
index 8513cc2c..96ff0353 100644
--- a/client/components/forms/SliderInput.vue
+++ b/client/components/forms/SliderInput.vue
@@ -16,7 +16,8 @@
         <input
           v-model="compVal"
           type="range"
-          class="w-full mt-3"
+          class="w-full mt-3 slider"
+          :style="{ '--thumb-color': color }"
           :disabled="disabled"
           :min="minSlider"
           :max="maxSlider"
@@ -97,3 +98,9 @@ export default {
   },
 }
 </script>
+
+<style>
+  .slider {
+    accent-color: var(--thumb-color);
+  }
+</style>