Mirrored_Repos/wabbajack
1
0
Fork 0
mirror of https://github.com/wabbajack-tools/wabbajack.git synced 2024-08-30 18:42:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added subtle gradient to mode selection. Unhovered color dimmed

Browse Source
This commit is contained in:
Justin Swanson 2019-11-29 16:46:40 -06:00
parent ebcb80f18f
commit aa49114264
2 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Wabbajack/Themes/Styles.xaml
View File

@ -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}" />

32
Wabbajack/Views/ModeSelectionView.xaml
View File

@ -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>