From 321db651547366e2387daf91e2d8d4a3d4e36783 Mon Sep 17 00:00:00 2001
From: Brian Bicknell <brister388@gmail.com>
Date: Tue, 11 Aug 2026 00:15:39 -0400
Subject: [PATCH] Added new styling to the player view.

---
 Harmonia.WinUI/Resources/Geometry.xaml |  8 +++
 Harmonia.WinUI/Views/PlayerView.xaml   | 70 +++++++++++++++++++++-----
 2 files changed, 65 insertions(+), 13 deletions(-)

diff --git a/Harmonia.WinUI/Resources/Geometry.xaml b/Harmonia.WinUI/Resources/Geometry.xaml
index 4ffce95..44369e9 100644
--- a/Harmonia.WinUI/Resources/Geometry.xaml
+++ b/Harmonia.WinUI/Resources/Geometry.xaml
@@ -11,6 +11,14 @@
         m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.39
     </x:String>
 
+    <x:String x:Key="PlayFillIcon2">
+        m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393
+    </x:String>
+
+    <x:String x:Key="PlayFillIcon3">
+        M440.415,583.554 L421.418,571.311 C420.291,570.704 419,570.767 419,572.946 L419,597.054 C419,599.046 420.385,599.36 421.418,598.689 L440.415,586.446 C441.197,585.647 441.197,584.353 440.415,583.554
+    </x:String>
+
     <x:String x:Key="StopIcon">
         M3.5 5A1.5 1.5 0 0 1 5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11zM5 4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z
     </x:String>
diff --git a/Harmonia.WinUI/Views/PlayerView.xaml b/Harmonia.WinUI/Views/PlayerView.xaml
index e9a9f71..a6de57a 100644
--- a/Harmonia.WinUI/Views/PlayerView.xaml
+++ b/Harmonia.WinUI/Views/PlayerView.xaml
@@ -14,10 +14,41 @@
         <SolidColorBrush x:Key="SongItemTitleBrush" Color="#dddddd"/>
         <SolidColorBrush x:Key="SongItemSubtitleBrush" Color="#aaaaaa"/>
 
+        <SolidColorBrush x:Key="SongItemTitleBrush2" Color="#FCF8ED" />
+        <SolidColorBrush x:Key="SongItemSubtitleBrush2" Color="#B5B8B8" />
+
+        <LinearGradientBrush x:Key="LightGradientBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#F6F2E3" Offset="0"/>
+            <GradientStop Color="#C9B59F" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="DarkGradientBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#F9EBC6" Offset="0"/>
+            <GradientStop Color="#A66831" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="PurpleGradientBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#EFD6F5" Offset="0"/>
+            <GradientStop Color="#AC8CC4" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="SliderGradientBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#E1B88A" Offset="0"/>
+            <GradientStop Color="#E9B578" Offset="1"/>
+        </LinearGradientBrush>
+
         <Style x:Key="PlayerGrid" TargetType="Grid">
-            <Setter Property="Background" Value="#1a1a1a"/>
             <Setter Property="Padding" Value="10"/>
-            <Setter Property="Background" Value="Transparent"/>
+            <Setter Property="Background">
+                <Setter.Value>
+                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
+                        <GradientStop Color="#101215" Offset="0"/>
+                        <GradientStop Color="#101214" Offset="1"/>
+                    </LinearGradientBrush>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="BorderBrush" Value="#3B332B" />
+            <Setter Property="BorderThickness" Value="1" />
         </Style>
         <Style x:Key="SongTitleTextBlock" TargetType="TextBlock">
             <Setter Property="FontSize" Value="16"/>
@@ -68,11 +99,24 @@
                 Grid.Column="1"
                 Value="{Binding CurrentPosition, Mode=TwoWay, UpdateSourceTrigger=Explicit}"
                 Minimum="0"
+                Foreground="{StaticResource SliderGradientBrush}"
                 Maximum="{Binding MaxPosition, Mode=OneWay}"
                 IsEnabled="{Binding CanUpdatePosition, Mode=OneWay}"
                 ThumbToolTipValueConverter="{StaticResource SecondsToString}"
                 VerticalAlignment="Center"
-                VerticalContentAlignment="Center" />
+                VerticalContentAlignment="Center">
+                <Slider.Resources>
+                    <!-- Thumb (the "ball") -->
+                    <StaticResource x:Key="SliderThumbBackground" ResourceKey="DarkGradientBrush"/>
+                    <StaticResource x:Key="SliderThumbBackgroundPointerOver" ResourceKey="DarkGradientBrush"/>
+                    <StaticResource x:Key="SliderThumbBackgroundPressed" ResourceKey="DarkGradientBrush"/>
+
+                    <!-- Filled portion of the track (defaults to system accent on hover/press) -->
+                    <StaticResource x:Key="SliderTrackValueFill" ResourceKey="SliderGradientBrush"/>
+                    <StaticResource x:Key="SliderTrackValueFillPointerOver" ResourceKey="SliderGradientBrush"/>
+                    <StaticResource x:Key="SliderTrackValueFillPressed" ResourceKey="SliderGradientBrush"/>
+                </Slider.Resources>
+            </Slider>
 
             <Border Grid.Column="2" Background="Transparent" Padding="0 8" Width="60" CornerRadius="4" VerticalAlignment="Center" Margin="6 0 0 0">
                 <TextBlock
@@ -88,14 +132,14 @@
         <!-- Song Info -->
         <Grid Grid.Row="1" Grid.Column="0" Name="PlayingSongGrid">
             <StackPanel Orientation="Horizontal">
-                <Grid Margin="0 0 10 0">
+                <Grid Margin="0 0 10 0" BorderBrush="#2D2930" BorderThickness="1" CornerRadius="4">
                     <Image Source="{Binding SongImageSource, Mode=OneWay}" Style="{StaticResource SongImage}"></Image>
                     <Canvas Background="#19000000"></Canvas>
                 </Grid>
                 <StackPanel VerticalAlignment="Center">
-                    <TextBlock Foreground="#dddddd" FontWeight="SemiBold" FontSize="16" Text="{Binding Song, Converter={StaticResource SongTitle}}"></TextBlock>
-                    <TextBlock Foreground="#aaaaaa" FontSize="14" Text="{Binding Song.Artists, Converter={StaticResource ArtistsToString}}"></TextBlock>
-                    <TextBlock Foreground="#aaaaaa" FontSize="14" Text="{Binding Song.Album}"></TextBlock>
+                    <TextBlock Foreground="{StaticResource SongItemTitleBrush2}" FontWeight="SemiBold" FontSize="16" Text="{Binding Song, Converter={StaticResource SongTitle}}"></TextBlock>
+                    <TextBlock Foreground="{StaticResource SongItemSubtitleBrush2}" FontSize="14" Text="{Binding Song.Artists, Converter={StaticResource ArtistsToString}}"></TextBlock>
+                    <TextBlock Foreground="{StaticResource SongItemSubtitleBrush2}" FontSize="14" Text="{Binding Song.Album}"></TextBlock>
                     <TextBlock Foreground="#777" FontSize="12"  Visibility="{Binding Song, Converter={StaticResource NullVisibility}}">
                         <Run Text="{Binding Song.FileType}"></Run><Run Text=" - "></Run><Run Text="{Binding Song.BitRate}"></Run><Run Text=" kbps - "></Run><Run Text="{Binding Song.SampleRate}"></Run><Run Text=" Hz"></Run>
                     </TextBlock>
@@ -107,19 +151,19 @@
         <Grid Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center">
             <StackPanel Orientation="Horizontal" Spacing="16">
                 <Button Style="{StaticResource FlatButton}" Command="{Binding PreviousSongCommand}">
-                    <Path Style="{StaticResource FlatButtonPath}" Data="{StaticResource SkipStartFillIcon}"></Path>
+                    <Path Style="{StaticResource FlatButtonPath}" Fill="{StaticResource LightGradientBrush}" Data="{StaticResource SkipStartFillIcon}"></Path>
                 </Button>
                 <Button Style="{StaticResource FlatButton}"  Command="{Binding StopSongCommand}">
-                    <Path Style="{StaticResource FlatButtonPath}" Data="{StaticResource StopFillIcon}"></Path>
+                    <Path Style="{StaticResource FlatButtonPath}" Fill="{StaticResource LightGradientBrush}" Data="{StaticResource StopFillIcon}"></Path>
                 </Button>
-                <Button Style="{StaticResource FlatButton}" Command="{Binding PlaySongCommand}">
-                    <Path Style="{StaticResource FlatButtonPath-Large}"  Data="{StaticResource PlayFillIcon}"></Path>
+                <Button Style="{StaticResource FlatButton}" Command="{Binding PlaySongCommand}" BorderBrush="{StaticResource DarkGradientBrush}" BorderThickness="2" CornerRadius="48" Padding="16">
+                    <Path Style="{StaticResource FlatButtonPath}" Fill="{StaticResource DarkGradientBrush}" Data="{StaticResource PlayFillIcon}" Margin="1,0,-1,0"></Path>
                 </Button>
                 <Button Style="{StaticResource FlatButton}"  Command="{Binding PauseSongCommand}">
-                    <Path Style="{StaticResource FlatButtonPath}" Data="{StaticResource PauseFillIcon}"></Path>
+                    <Path Style="{StaticResource FlatButtonPath}" Fill="{StaticResource LightGradientBrush}" Data="{StaticResource PauseFillIcon}"></Path>
                 </Button>
                 <Button Style="{StaticResource FlatButton}"  Command="{Binding NextSongCommand}">
-                    <Path Style="{StaticResource FlatButtonPath}"  Data="{StaticResource SkipEndFillIcon}"></Path>
+                    <Path Style="{StaticResource FlatButtonPath}" Fill="{StaticResource LightGradientBrush}" Data="{StaticResource SkipEndFillIcon}"></Path>
                 </Button>
             </StackPanel>
         </Grid>