From 64b086f9762d678b671ddcbeefe23554b4762271 Mon Sep 17 00:00:00 2001
From: Valentyna <vkozlova@microsoft.com>
Date: Wed, 5 Feb 2025 16:50:46 +0100
Subject: [PATCH] fix(react-color-picker): ColorSlider hue gradient

---
 .../ColorSlider/useColorSliderStyles.styles.ts | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts b/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts
index 06e6e1f593f4a..7b35d1e39309e 100644
--- a/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts
+++ b/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts
@@ -24,17 +24,13 @@ const thumbPositionVar = `--fui-Slider__thumb--position`;
 
 const hueBackground = `linear-gradient(${[
   `var(${colorSliderCSSVars.sliderDirectionVar})`,
-  'red 0',
-  '#f09 10%',
-  '#cd00ff 20%',
-  '#3200ff 30%',
-  '#06f 40%',
-  '#00fffd 50%',
-  '#0f6 60%',
-  '#35ff00 70%',
-  '#cdff00 80%',
-  '#f90 90%',
-  'red 100%',
+  'red',
+  'fuchsia',
+  'blue',
+  'aqua',
+  'lime',
+  'yellow',
+  'red',
 ].join(',')})`;
 
 /**