diff --git a/demo/Semi.Avalonia.Demo/Pages/SliderDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/SliderDemo.axaml
index 9dec197..9236e51 100644
--- a/demo/Semi.Avalonia.Demo/Pages/SliderDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/SliderDemo.axaml
@@ -4,7 +4,7 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    d:DesignHeight="450"
+    d:DesignHeight="800"
     d:DesignWidth="800"
     mc:Ignorable="d">
     <StackPanel
@@ -34,5 +34,46 @@
             TickFrequency="10"
             TickPlacement="Outside"
             Value="0" />
+        <Slider
+            Width="300"
+            IsDirectionReversed="True"
+            Maximum="100"
+            Minimum="0"
+            TickFrequency="10"
+            Value="0" />
+        <Slider
+            Width="300"
+            IsEnabled="False"
+            Maximum="100"
+            Minimum="0"
+            TickFrequency="10"
+            Value="30" />
+        <StackPanel Orientation="Horizontal" Spacing="20">
+            <Slider
+                Height="300"
+                Maximum="100"
+                Minimum="0"
+                Orientation="Vertical"
+                TickFrequency="10"
+                Value="0" />
+            <Slider
+                Height="300"
+                IsSnapToTickEnabled="True"
+                Maximum="100"
+                Minimum="0"
+                Orientation="Vertical"
+                TickFrequency="10"
+                TickPlacement="TopLeft"
+                Value="0" />
+            <Slider
+                Height="300"
+                Classes="ToolTip"
+                Maximum="100"
+                Minimum="0"
+                Orientation="Vertical"
+                TickFrequency="10"
+                TickPlacement="TopLeft"
+                Value="0" />
+        </StackPanel>
     </StackPanel>
 </UserControl>
diff --git a/src/Semi.Avalonia/Controls/Slider.axaml b/src/Semi.Avalonia/Controls/Slider.axaml
index 3e3674a..3edc98f 100644
--- a/src/Semi.Avalonia/Controls/Slider.axaml
+++ b/src/Semi.Avalonia/Controls/Slider.axaml
@@ -44,7 +44,7 @@
         <Setter Property="Thumb.CornerRadius" Value="{DynamicResource SliderThumbCornerRadius}" />
         <Setter Property="Thumb.Cursor" Value="Hand" />
         <Setter Property="Thumb.Background" Value="{DynamicResource SliderThumbBackground}" />
-        <Setter Property="Thumb.BorderBrush" Value="{DynamicResource SliderThumbPointeroverBorderBrush}" />
+        <Setter Property="Thumb.BorderBrush" Value="{DynamicResource SliderThumbBorderBrush}" />
         <Setter Property="Thumb.BorderThickness" Value="{DynamicResource SliderThumbBorderThickness}" />
         <Setter Property="Template">
             <ControlTemplate TargetType="Thumb">
@@ -158,105 +158,98 @@
         <Style Selector="^:vertical">
             <Setter Property="Template">
                 <ControlTemplate>
-                    <DataValidationErrors>
-                        <Border
-                            BorderBrush="{TemplateBinding BorderBrush}"
-                            BorderThickness="{TemplateBinding BorderThickness}"
-                            CornerRadius="{TemplateBinding CornerRadius}">
+                    <Border
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="{TemplateBinding CornerRadius}">
+                        <Grid
+                            x:Name="SliderContainer"
+                            Margin="{TemplateBinding Padding}"
+                            Background="{DynamicResource SliderContainerBackground}">
+                            <Grid.Styles>
+                                <Style Selector="TickBar">
+                                    <Setter Property="ReservedSpace" Value="{Binding #PART_Track.Thumb.Bounds}" />
+                                </Style>
+                            </Grid.Styles>
                             <Grid
-                                x:Name="SliderContainer"
-                                Grid.Row="1"
-                                Margin="{TemplateBinding Padding}"
-                                Background="{DynamicResource SliderContainerBackground}">
-                                <Grid.Styles>
-                                    <Style Selector="TickBar">
-                                        <Setter Property="ReservedSpace" Value="{Binding #PART_Track.Thumb.Bounds}" />
-                                    </Style>
-                                </Grid.Styles>
-                                <Grid
-                                    x:Name="VerticalTemplate"
-                                    MinWidth="{DynamicResource SliderVerticalWidth}"
-                                    RowDefinitions="*,Auto,Auto">
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="{DynamicResource SliderPreContentMargin}" />
-                                        <ColumnDefinition Width="Auto" />
-                                        <ColumnDefinition Width="{DynamicResource SliderPostContentMargin}" />
-                                    </Grid.ColumnDefinitions>
-                                    <TickBar
-                                        Name="LeftTickBar"
-                                        Grid.RowSpan="3"
-                                        Width="{DynamicResource SliderOutsideTickBarThemeHeight}"
-                                        Margin="0,0,4,0"
-                                        HorizontalAlignment="Right"
-                                        Fill="{DynamicResource SliderTickBarFill}"
-                                        IsVisible="False"
-                                        Maximum="{TemplateBinding Slider.Maximum}"
-                                        Minimum="{TemplateBinding Slider.Minimum}"
-                                        Orientation="{TemplateBinding Slider.Orientation}"
-                                        Placement="Left"
-                                        TickFrequency="{TemplateBinding Slider.TickFrequency}"
-                                        Ticks="{TemplateBinding Ticks}" />
-                                    <TickBar
-                                        Name="RightTickBar"
-                                        Grid.RowSpan="3"
-                                        Grid.Column="2"
-                                        Width="{DynamicResource SliderOutsideTickBarThemeHeight}"
-                                        Margin="4,0,0,0"
-                                        HorizontalAlignment="Left"
-                                        Fill="{DynamicResource SliderTickBarFill}"
-                                        IsVisible="False"
-                                        Maximum="{TemplateBinding Slider.Maximum}"
-                                        Minimum="{TemplateBinding Slider.Minimum}"
-                                        Orientation="{TemplateBinding Slider.Orientation}"
-                                        Placement="Right"
-                                        TickFrequency="{TemplateBinding Slider.TickFrequency}"
-                                        Ticks="{TemplateBinding Ticks}" />
-                                    <Track
-                                        Name="PART_Track"
-                                        Grid.RowSpan="3"
-                                        Grid.Column="1"
-                                        Grid.ColumnSpan="1"
-                                        IsDirectionReversed="{TemplateBinding IsDirectionReversed}"
-                                        Maximum="{TemplateBinding Maximum}"
-                                        Minimum="{TemplateBinding Minimum}"
-                                        Orientation="Vertical"
-                                        Value="{TemplateBinding Value,
-                                                                Mode=TwoWay}">
-                                        <Track.DecreaseButton>
-                                            <RepeatButton
-                                                Name="PART_DecreaseButton"
-                                                Background="{TemplateBinding Foreground}"
-                                                Focusable="False"
-                                                Theme="{StaticResource SliderVerticalRepeatButton}" />
-                                        </Track.DecreaseButton>
-                                        <Track.IncreaseButton>
-                                            <RepeatButton
-                                                Name="PART_IncreaseButton"
-                                                Background="{TemplateBinding Background}"
-                                                Focusable="False"
-                                                Theme="{StaticResource SliderVerticalRepeatButton}" />
-                                        </Track.IncreaseButton>
-                                        <Thumb
-                                            Name="SliderThumb"
-                                            Width="{DynamicResource SliderVerticalThumbWidth}"
-                                            Height="{DynamicResource SliderVerticalThumbHeight}"
-                                            Margin="0"
-                                            Padding="0"
-                                            Background="{DynamicResource SliderThumbBackground}"
-                                            BorderThickness="1"
-                                            DataContext="{TemplateBinding Value}"
-                                            Theme="{StaticResource SliderThumbTheme}" />
-                                    </Track>
-                                </Grid>
+                                x:Name="VerticalTemplate"
+                                MinWidth="{DynamicResource SliderVerticalWidth}"
+                                RowDefinitions="*,Auto,Auto">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="{DynamicResource SliderPreContentMargin}" />
+                                    <ColumnDefinition Width="Auto" />
+                                    <ColumnDefinition Width="{DynamicResource SliderPostContentMargin}" />
+                                </Grid.ColumnDefinitions>
+                                <TickBar
+                                    Name="LeftTickBar"
+                                    Grid.RowSpan="3"
+                                    Width="{DynamicResource SliderTickVerticalWidth}"
+                                    Margin="0,0,4,0"
+                                    HorizontalAlignment="Right"
+                                    Fill="{DynamicResource SliderTickForeground}"
+                                    IsVisible="False"
+                                    Maximum="{TemplateBinding Slider.Maximum}"
+                                    Minimum="{TemplateBinding Slider.Minimum}"
+                                    Orientation="{TemplateBinding Slider.Orientation}"
+                                    Placement="Left"
+                                    TickFrequency="{TemplateBinding Slider.TickFrequency}"
+                                    Ticks="{TemplateBinding Ticks}" />
+                                <TickBar
+                                    Name="RightTickBar"
+                                    Grid.RowSpan="3"
+                                    Grid.Column="2"
+                                    Width="{DynamicResource SliderTickVerticalWidth}"
+                                    Margin="4,0,0,0"
+                                    HorizontalAlignment="Left"
+                                    Fill="{DynamicResource SliderTickForeground}"
+                                    IsVisible="False"
+                                    Maximum="{TemplateBinding Slider.Maximum}"
+                                    Minimum="{TemplateBinding Slider.Minimum}"
+                                    Orientation="{TemplateBinding Slider.Orientation}"
+                                    Placement="Right"
+                                    TickFrequency="{TemplateBinding Slider.TickFrequency}"
+                                    Ticks="{TemplateBinding Ticks}" />
+                                <Track
+                                    Name="PART_Track"
+                                    Grid.RowSpan="3"
+                                    Grid.Column="1"
+                                    Grid.ColumnSpan="1"
+                                    IsDirectionReversed="{TemplateBinding IsDirectionReversed}"
+                                    Maximum="{TemplateBinding Maximum}"
+                                    Minimum="{TemplateBinding Minimum}"
+                                    Orientation="Vertical"
+                                    Value="{TemplateBinding Value,
+                                                            Mode=TwoWay}">
+                                    <Track.DecreaseButton>
+                                        <RepeatButton
+                                            Name="PART_DecreaseButton"
+                                            Background="{TemplateBinding Foreground}"
+                                            Focusable="False"
+                                            Theme="{StaticResource SliderVerticalRepeatButton}" />
+                                    </Track.DecreaseButton>
+                                    <Track.IncreaseButton>
+                                        <RepeatButton
+                                            Name="PART_IncreaseButton"
+                                            Background="{TemplateBinding Background}"
+                                            Focusable="False"
+                                            Theme="{StaticResource SliderVerticalRepeatButton}" />
+                                    </Track.IncreaseButton>
+                                    <Thumb
+                                        Name="thumb"
+                                        Width="{DynamicResource SliderThumbWidth}"
+                                        Height="{DynamicResource SliderThumbHeight}"
+                                        DataContext="{TemplateBinding Value}"
+                                        Theme="{StaticResource SliderThumbTheme}" />
+                                </Track>
                             </Grid>
-                        </Border>
-                    </DataValidationErrors>
+                        </Grid>
+                    </Border>
                 </ControlTemplate>
             </Setter>
         </Style>
 
         <Style Selector="^.ToolTip /template/ Thumb">
-            <Setter Property="ToolTip.Tip" Value="{Binding $parent[Slider].Value, Mode=OneWay}" />
+            <Setter Property="ToolTip.Tip" Value="{Binding $parent[Slider].Value, Mode=OneWay, StringFormat='\{0:f\}'}" />
             <Setter Property="ToolTip.Placement" Value="Top" />
             <Setter Property="ToolTip.VerticalOffset" Value="-10" />
             <Setter Property="ToolTip.HorizontalOffset" Value="-15" />
@@ -284,66 +277,15 @@
 
         <Style Selector="^:disabled">
             <Style Selector="^ /template/ RepeatButton#PART_DecreaseButton">
-                <Setter Property="Background" Value="{DynamicResource SliderTrackValueFillDisabled}" />
+                <Setter Property="Background" Value="{DynamicResource SliderTrackDisabledForeground}" />
             </Style>
 
             <Style Selector="^ /template/ RepeatButton#PART_IncreaseButton">
-                <Setter Property="Background" Value="{DynamicResource SliderTrackFillDisabled}" />
+                <Setter Property="Background" Value="{DynamicResource SliderTrackDisabledBackground}" />
             </Style>
 
             <Style Selector="^ /template/ Thumb">
-                <Setter Property="Background" Value="{DynamicResource SliderThumbBackgroundDisabled}" />
-            </Style>
-
-            <Style Selector="^ /template/ TickBar">
-                <Setter Property="Fill" Value="{DynamicResource SliderTickBarFillDisabled}" />
-            </Style>
-        </Style>
-
-        <!--  PointerOver State  -->
-        <Style Selector="^:pointerover">
-            <Style Selector="^ /template/ Grid#SliderContainer">
-                <Setter Property="Background" Value="{DynamicResource SliderContainerBackgroundDisabled}" />
-            </Style>
-            <Style Selector="^ /template/ RepeatButton#PART_IncreaseButton">
-                <Setter Property="Background" Value="{DynamicResource SliderTrackFillPointerOver}" />
-            </Style>
-
-            <Style Selector="^ /template/ Thumb">
-                <Setter Property="Background" Value="{DynamicResource SliderThumbBackgroundPointerOver}" />
-            </Style>
-
-            <Style Selector="^ /template/ Grid#SliderContainer">
-                <Setter Property="Background" Value="{DynamicResource SliderContainerBackgroundPointerOver}" />
-            </Style>
-
-            <Style Selector="^ /template/ RepeatButton#PART_DecreaseButton">
-                <Setter Property="Background" Value="{DynamicResource SliderTrackValueFillPointerOver}" />
-            </Style>
-
-        </Style>
-
-        <!--  Pressed State  -->
-        <Style Selector="^:pressed">
-            <Style Selector="^ /template/ Grid#SliderContainer">
-                <Setter Property="Background" Value="{DynamicResource SliderContainerBackgroundPressed}" />
-            </Style>
-            <Style Selector="^ /template/ RepeatButton#PART_DecreaseButton">
-                <Setter Property="Background" Value="{DynamicResource SliderTrackValueFillPressed}" />
-            </Style>
-            <Style Selector="^ /template/ RepeatButton#PART_IncreaseButton">
-                <Setter Property="Background" Value="{DynamicResource SliderTrackFillPressed}" />
-            </Style>
-
-            <Style Selector="^ /template/ Thumb">
-                <Setter Property="Background" Value="{DynamicResource SliderThumbBackgroundPressed}" />
-            </Style>
-        </Style>
-
-        <Style Selector="^:error">
-            <Setter Property="Foreground" Value="{DynamicResource SystemControlErrorTextForegroundBrush}" />
-            <Style Selector="^ /template/ Thumb">
-                <Setter Property="Background" Value="{DynamicResource SystemControlErrorTextForegroundBrush}" />
+                <Setter Property="Thumb.BorderBrush" Value="{DynamicResource SliderThumbDisabledBorderBrush}" />
             </Style>
         </Style>
 
diff --git a/src/Semi.Avalonia/Themes/Light/Slider.axaml b/src/Semi.Avalonia/Themes/Light/Slider.axaml
index c2134b0..01d5543 100644
--- a/src/Semi.Avalonia/Themes/Light/Slider.axaml
+++ b/src/Semi.Avalonia/Themes/Light/Slider.axaml
@@ -14,10 +14,15 @@
     <BoxShadows x:Key="SliderThumbBoxShadow">0 0 1 1 #1A000000</BoxShadows>
 
     <sys:Double x:Key="SliderTickHorizontalHeight">4</sys:Double>
+    <sys:Double x:Key="SliderTickVerticalWidth">4</sys:Double>
     <SolidColorBrush x:Key="SliderTickForeground" Color="#C6CACD" />
     <SolidColorBrush x:Key="SliderThumbBackground" Color="White" />
     <SolidColorBrush x:Key="SliderThumbBorderBrush" Color="#0077FA" />
     <SolidColorBrush x:Key="SliderThumbPointeroverBorderBrush" Color="#0062D6" />
     <SolidColorBrush x:Key="SliderThumbPressedBorderBrush" Color="#004FB3" />
-    <Thickness x:Key="SliderThumbBorderThickness">4</Thickness>
+    <Thickness x:Key="SliderThumbBorderThickness">2</Thickness>
+
+    <SolidColorBrush x:Key="SliderTrackDisabledForeground" Color="#CBE7FE" />
+    <SolidColorBrush x:Key="SliderThumbDisabledBorderBrush" Color="#CBE7FE" />
+    <SolidColorBrush x:Key="SliderTrackDisabledBackground" Color="#F9F9F9" />
 </ResourceDictionary>