feat: update Slider styles

lad-tech · Jul 8, 2024 · ca3efa4 · ca3efa4
1 parent d395057
commit ca3efa4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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: {