From 49bee313c110b039c7435ce2b10356e186918f1e Mon Sep 17 00:00:00 2001
From: MORIN Edouard <edouard.morin@developpement-durable.gouv.fr>
Date: Fri, 17 Jan 2025 14:07:00 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20am=C3=A9lioration=20du=20style=20de=20s?=
 =?UTF-8?q?liderInput=5Fdsfr?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 inst/external_deps/slider.css | 46 ++++++++++++++++++++++++++++++-----
 1 file changed, 40 insertions(+), 6 deletions(-)

diff --git a/inst/external_deps/slider.css b/inst/external_deps/slider.css
index b915f695..73cad9f7 100644
--- a/inst/external_deps/slider.css
+++ b/inst/external_deps/slider.css
@@ -1,9 +1,43 @@
 .irs--shiny .irs-bar {
-  border-top: 1px solid #9898f8!important;;
-  border-bottom: 1px solid #9898f8!important;;
-  background: #9898f8!important;;
+  border-top: 1px solid var(--border-action-high-blue-france) !important;
+  border-bottom: 1px solid var(--border-action-high-blue-france) !important;
+  background: var(--background-active-blue-france) !important;
+  height: 12px;
 }
 
-.irs-single{
-  background-color: #9898f8 !important;
-}
\ No newline at end of file
+.irs--shiny .irs-single, .irs--shiny .irs-from, .irs--shiny .irs-to{
+  color: var(--text-active-blue-france) !important;
+  background-color: inherit !important;
+  font-size: 0.75rem;
+}
+.irs--shiny .irs-line {
+	top: 25px;
+	height: 12px;
+	border-radius: 12px;
+	overflow: visible;
+	box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
+	border: none;
+	background: inherit;
+	background-color: var(--background-raised-grey);
+}
+.irs--shiny .irs-handle.state_hover, .irs--shiny .irs-handle:hover {
+	background: var(--background-contrast-raised-grey-hover);
+}
+.irs--shiny .irs-handle {
+	background-color: var(--background-raised-grey);
+	width: 26px;
+    height: 26px;
+    border-radius: 26px;
+}
+.irs--shiny .irs-min, .irs--shiny .irs-max {
+	font-size: 0.75rem;
+	background-color: inherit !important;
+	color: var(--text-mention-grey);
+}
+.irs--shiny .irs-grid {
+	height: 23px;
+}
+.slider-animate-button {
+	opacity: 1;
+	color: var(--text-active-blue-france);
+}