From aa491142644b04a89a1a3d151589bba3d5eb2c6b Mon Sep 17 00:00:00 2001
From: Justin Swanson <justin.c.swanson@gmail.com>
Date: Fri, 29 Nov 2019 16:46:40 -0600
Subject: [PATCH] Added subtle gradient to mode selection.  Unhovered color
 dimmed

---
 Wabbajack/Themes/Styles.xaml           |  2 ++
 Wabbajack/Views/ModeSelectionView.xaml | 32 +++++++++++++++++++++-----
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/Wabbajack/Themes/Styles.xaml b/Wabbajack/Themes/Styles.xaml
index e3e1d79f..f7986898 100644
--- a/Wabbajack/Themes/Styles.xaml
+++ b/Wabbajack/Themes/Styles.xaml
@@ -27,6 +27,7 @@
     <Color x:Key="HeatedBorderColor">#362675</Color>
 
     <Color x:Key="ForegroundColor">#EFEFEF</Color>
+    <Color x:Key="DimForegroundColor">#CCCCCC</Color>
 
     <Color x:Key="HighlightColor">#BDBDBD</Color>
     <Color x:Key="HotColor">#525252</Color>
@@ -100,6 +101,7 @@
     <SolidColorBrush x:Key="LightBackgroundBrush" Color="{StaticResource LightBackgroundColor}" />
     <SolidColorBrush x:Key="BackgroundBrush" Color="{StaticResource BackgroundColor}" />
     <SolidColorBrush x:Key="ForegroundBrush" Color="{StaticResource ForegroundColor}" />
+    <SolidColorBrush x:Key="DimForegroundBrush" Color="{StaticResource DimForegroundColor}" />
     <SolidColorBrush x:Key="MouseOverForegroundBrush" Color="{StaticResource DarkBackgroundColor}" />
     <SolidColorBrush x:Key="WindowBackgroundBrush" Color="{StaticResource WindowBackgroundColor}" />
     <SolidColorBrush x:Key="BorderInterestBrush" Color="{StaticResource HeatedBorderColor}" />
diff --git a/Wabbajack/Views/ModeSelectionView.xaml b/Wabbajack/Views/ModeSelectionView.xaml
index 70ef4534..27604da4 100644
--- a/Wabbajack/Views/ModeSelectionView.xaml
+++ b/Wabbajack/Views/ModeSelectionView.xaml
@@ -25,6 +25,14 @@
             Stretch="UniformToFill">
             <Image Margin="40,20,40,240" Source="../Resources/Wabba_Mouth.png" />
         </Viewbox>
+        <Rectangle Grid.Row="0" Grid.RowSpan="3">
+            <Rectangle.Fill>
+                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
+                    <GradientStop Offset="0" Color="#16BB86FC" />
+                    <GradientStop Offset="0.4" Color="#00000000" />
+                </LinearGradientBrush>
+            </Rectangle.Fill>
+        </Rectangle>
         <Grid Grid.Row="1" Margin="5,15">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="*" />
@@ -132,12 +140,16 @@
                                 Kind="CloudDownloadAltSolid">
                                 <icon:PackIconFontAwesome.Style>
                                     <Style TargetType="icon:PackIconFontAwesome">
-                                        <Setter Property="Foreground" Value="{StaticResource ForegroundBrush}" />
+                                        <Setter Property="Foreground" Value="{StaticResource DimForegroundBrush}" />
                                         <Style.Triggers>
                                             <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True">
                                                 <DataTrigger.EnterActions>
                                                     <BeginStoryboard>
                                                         <Storyboard>
+                                                            <ColorAnimation
+                                                                Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
+                                                                To="{StaticResource ForegroundColor}"
+                                                                Duration="0:0:0.0" />
                                                             <ColorAnimation
                                                                 Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
                                                                 To="{StaticResource LightSecondary}"
@@ -150,7 +162,7 @@
                                                         <Storyboard>
                                                             <ColorAnimation
                                                                 Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
-                                                                To="{StaticResource ForegroundColor}"
+                                                                To="{StaticResource DimForegroundColor}"
                                                                 Duration="0:0:4.0" />
                                                         </Storyboard>
                                                     </BeginStoryboard>
@@ -283,12 +295,16 @@
                                 Kind="HddSolid">
                                 <icon:PackIconFontAwesome.Style>
                                     <Style TargetType="icon:PackIconFontAwesome">
-                                        <Setter Property="Foreground" Value="{StaticResource ForegroundBrush}" />
+                                        <Setter Property="Foreground" Value="{StaticResource DimForegroundBrush}" />
                                         <Style.Triggers>
                                             <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True">
                                                 <DataTrigger.EnterActions>
                                                     <BeginStoryboard>
                                                         <Storyboard>
+                                                            <ColorAnimation
+                                                                Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
+                                                                To="{StaticResource ForegroundColor}"
+                                                                Duration="0:0:0.0" />
                                                             <ColorAnimation
                                                                 Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
                                                                 To="{StaticResource LightSecondary}"
@@ -301,7 +317,7 @@
                                                         <Storyboard>
                                                             <ColorAnimation
                                                                 Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
-                                                                To="{StaticResource ForegroundColor}"
+                                                                To="{StaticResource DimForegroundColor}"
                                                                 Duration="0:0:4.0" />
                                                         </Storyboard>
                                                     </BeginStoryboard>
@@ -434,12 +450,16 @@
                                 Kind="PlusCircleSolid">
                                 <icon:PackIconFontAwesome.Style>
                                     <Style TargetType="icon:PackIconFontAwesome">
-                                        <Setter Property="Foreground" Value="{StaticResource ForegroundBrush}" />
+                                        <Setter Property="Foreground" Value="{StaticResource DimForegroundBrush}" />
                                         <Style.Triggers>
                                             <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True">
                                                 <DataTrigger.EnterActions>
                                                     <BeginStoryboard>
                                                         <Storyboard>
+                                                            <ColorAnimation
+                                                                Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
+                                                                To="{StaticResource ForegroundColor}"
+                                                                Duration="0:0:0.0" />
                                                             <ColorAnimation
                                                                 Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
                                                                 To="{StaticResource LightSecondary}"
@@ -452,7 +472,7 @@
                                                         <Storyboard>
                                                             <ColorAnimation
                                                                 Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)"
-                                                                To="{StaticResource ForegroundColor}"
+                                                                To="{StaticResource DimForegroundColor}"
                                                                 Duration="0:0:4.0" />
                                                         </Storyboard>
                                                     </BeginStoryboard>