From ca3efa4f5f4e43e8ef3b30323fe422167c7b9cb5 Mon Sep 17 00:00:00 2001
From: Bibazavr <lebedevki@lad24.ru>
Date: Mon, 8 Jul 2024 12:04:52 +0300
Subject: [PATCH] feat: update Slider styles

---
 packages/core/src/controls/Slider/Slider.tsx           | 4 ++--
 packages/core/src/controls/Slider/components/Thumb.tsx | 6 +++---
 packages/core/src/controls/Slider/stylesCreate.ts      | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/core/src/controls/Slider/Slider.tsx b/packages/core/src/controls/Slider/Slider.tsx
index b6a5728d..b39bde2a 100644
--- a/packages/core/src/controls/Slider/Slider.tsx
+++ b/packages/core/src/controls/Slider/Slider.tsx
@@ -37,8 +37,8 @@ export interface ISliderProps extends ViewProps {
   onValueChanged?: (low: number, high: number, byUser: boolean) => void;
   hitSlop?: Insets;
 }
-const THUMB_RADIUS_LOW = px(12) * 2;
-const THUMB_RADIUS_HIGH = THUMB_RADIUS_LOW + px(6);
+const THUMB_RADIUS_LOW = px(16);
+const THUMB_RADIUS_HIGH = THUMB_RADIUS_LOW + px(4);
 
 const Slider: React.FC<ISliderProps> = ({
   min,
diff --git a/packages/core/src/controls/Slider/components/Thumb.tsx b/packages/core/src/controls/Slider/components/Thumb.tsx
index 18adfe6c..7e78681f 100644
--- a/packages/core/src/controls/Slider/components/Thumb.tsx
+++ b/packages/core/src/controls/Slider/components/Thumb.tsx
@@ -22,9 +22,9 @@ const Thumb = ({size}: {size: Animated.Value}) => {
 
 const stylesCreate = createStyles(({spaces, colors}) => ({
   root: {
-    borderWidth: spaces.Space2,
-    borderColor: colors.IconMuted,
-    backgroundColor: colors.BgPrimary,
+    borderWidth: spaces.Space4,
+    borderColor: colors.BorderExtra,
+    backgroundColor: colors.BgTertiary,
   },
 }));
 
diff --git a/packages/core/src/controls/Slider/stylesCreate.ts b/packages/core/src/controls/Slider/stylesCreate.ts
index 1640634b..3c61bc6a 100644
--- a/packages/core/src/controls/Slider/stylesCreate.ts
+++ b/packages/core/src/controls/Slider/stylesCreate.ts
@@ -12,15 +12,15 @@ const stylesCreate = createStyles(({spaces, colors}) => ({
   rail: {
     flex: 1,
     height: spaces.Space4,
-    borderRadius: spaces.Space2,
-    backgroundColor: colors.IconMuted,
+    borderRadius: spaces.Space64,
+    backgroundColor: colors.BorderSoft,
   },
   selectedRailContainer: {
     position: 'absolute',
   },
   selectedRail: {
     height: spaces.Space4,
-    backgroundColor: colors.IconBase,
+    backgroundColor: colors.BorderExtra,
     borderRadius: spaces.Space2,
   },
   highThumbContainer: {