From 420f49bef5f6938868a84086e729deaa1df9107f Mon Sep 17 00:00:00 2001
From: Héctor Ramón Jiménez <hector@hecrj.dev>
Date: Tue, 5 Mar 2024 22:31:01 +0100
Subject: Improve default styling of `Slider` widget

---
 widget/src/slider.rs | 31 ++++++++++++-------------------
 1 file changed, 12 insertions(+), 19 deletions(-)

(limited to 'widget/src/slider.rs')

diff --git a/widget/src/slider.rs b/widget/src/slider.rs
index e4dc809e..a40f8792 100644
--- a/widget/src/slider.rs
+++ b/widget/src/slider.rs
@@ -62,7 +62,7 @@ where
     Message: Clone,
 {
     /// The default height of a [`Slider`].
-    pub const DEFAULT_HEIGHT: f32 = 22.0;
+    pub const DEFAULT_HEIGHT: f32 = 15.0;
 
     /// Creates a new [`Slider`].
     ///
@@ -566,30 +566,23 @@ impl Style for Theme {
 pub fn default(theme: &Theme, status: Status) -> Appearance {
     let palette = theme.extended_palette();
 
-    let handle = Handle {
-        shape: HandleShape::Rectangle {
-            width: 8,
-            border_radius: 4.0.into(),
-        },
-        color: Color::WHITE,
-        border_color: Color::WHITE,
-        border_width: 1.0,
+    let color = match status {
+        Status::Active => palette.primary.strong.color,
+        Status::Hovered => palette.primary.base.color,
+        Status::Dragged => palette.primary.strong.color,
     };
 
     Appearance {
         rail: Rail {
-            colors: (palette.primary.base.color, palette.secondary.base.color),
-            width: 4.0,
-            border_radius: 2.0.into(),
+            colors: (color, palette.secondary.base.color),
+            width: 6.0,
+            border_radius: 3.0.into(),
         },
         handle: Handle {
-            color: match status {
-                Status::Active => palette.background.base.color,
-                Status::Hovered => palette.primary.weak.color,
-                Status::Dragged => palette.primary.base.color,
-            },
-            border_color: palette.primary.base.color,
-            ..handle
+            shape: HandleShape::Circle { radius: 7.0 },
+            color,
+            border_color: Color::TRANSPARENT,
+            border_width: 0.0,
         },
     }
 }
-- 
cgit