Merge pull request #223 from BouyguesTelecom/fix/range-color

Fix color for range
BouyguesTelecom · Dec 16, 2024 · 8090d7a · 8090d7a
2 parents edde4af + b6b78a6
commit 8090d7a
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/react/components/range/Range.tsx b/packages/react/components/range/Range.tsx
@@ -40,11 +40,11 @@ const Range = ({
   React.useEffect(() => {
     if (refTrack.current) {
       const track = refTrack.current as HTMLElement
-      track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.NEUTRAL_FADE)} ${
+      track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.MAIN_FADE)} ${
         (cursorMin / max) * 100
-      }% , ${getColorStyle(TrilogyColor.MAIN_FADE)} ${(cursorMin / max) * 100}% , ${getColorStyle(
-        TrilogyColor.MAIN_FADE,
-      )} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.NEUTRAL_FADE)} ${(cursorMax / max) * 100}%) `
+      }% , ${getColorStyle(TrilogyColor.MAIN)} ${(cursorMin / max) * 100}% , ${getColorStyle(
+        TrilogyColor.MAIN,
+      )} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.MAIN_FADE)} ${(cursorMax / max) * 100}%) `
     }
   }, [cursorMin, cursorMax])