diff --git a/src/Avalonia.Controls.ColorPicker/Themes/Default/ColorSlider.xaml b/src/Avalonia.Controls.ColorPicker/Themes/Default/ColorSlider.xaml
index c0b78d628a..19f10201a5 100644
--- a/src/Avalonia.Controls.ColorPicker/Themes/Default/ColorSlider.xaml
+++ b/src/Avalonia.Controls.ColorPicker/Themes/Default/ColorSlider.xaml
@@ -169,17 +169,13 @@
   <!-- Normal State -->
   <Style Selector="ColorSlider /template/ Thumb.ColorSliderThumbStyle">
     <Setter Property="Background" Value="Transparent" />
-    <Setter Property="BorderBrush" Value="{DynamicResource ThemeAccentBrush}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource ThemeForegroundBrush}" />
     <Setter Property="BorderThickness" Value="3" />
   </Style>
 
   <!-- Selector/Thumb Color -->
-  <Style Selector="ColorSlider:pressed /template/ Thumb.ColorSliderThumbStyle">
-    <Setter Property="BorderBrush" Value="{DynamicResource ThemeAccentBrush}" />
-  </Style>
-
   <Style Selector="ColorSlider:pointerover /template/ Thumb.ColorSliderThumbStyle">
-    <Setter Property="BorderBrush" Value="{DynamicResource ThemeAccentBrush}" />
+    <Setter Property="Opacity" Value="0.75" />
   </Style>
   <Style Selector="ColorSlider:pointerover:dark-selector /template/ Thumb.ColorSliderThumbStyle">
     <Setter Property="Opacity" Value="0.7" />
diff --git a/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorSlider.xaml b/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorSlider.xaml
index 54f58d2a8f..18a081721a 100644
--- a/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorSlider.xaml
+++ b/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorSlider.xaml
@@ -169,17 +169,13 @@
   <!-- Normal State -->
   <Style Selector="ColorSlider /template/ Thumb.ColorSliderThumbStyle">
     <Setter Property="Background" Value="Transparent" />
-    <Setter Property="BorderBrush" Value="{DynamicResource SliderThumbBackground}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource SystemControlForegroundBaseHighBrush}" />
     <Setter Property="BorderThickness" Value="3" />
   </Style>
 
   <!-- Selector/Thumb Color -->
-  <Style Selector="ColorSlider:pressed /template/ Thumb.ColorSliderThumbStyle">
-    <Setter Property="BorderBrush" Value="{DynamicResource SliderThumbBackgroundPressed}" />
-  </Style>
-
   <Style Selector="ColorSlider:pointerover /template/ Thumb.ColorSliderThumbStyle">
-    <Setter Property="BorderBrush" Value="{DynamicResource SliderThumbBackgroundPointerOver}" />
+    <Setter Property="Opacity" Value="0.75" />
   </Style>
   <Style Selector="ColorSlider:pointerover:dark-selector /template/ Thumb.ColorSliderThumbStyle">
     <Setter Property="Opacity" Value="0.7" />