[UX] Updated header image (#1473)

Adding a new header image that is more tailored to WinUI. ![image](https://github.com/microsoft/WinUI-Gallery/assets/9866362/65fbda75-9348-4a58-8f1d-4803242b0895) ![image](https://github.com/microsoft/WinUI-Gallery/assets/9866362/856f668e-1e7f-45b4-8217-ff2b847c7daf)
microsoft · Mar 4, 2024 · 0797527 · 0797527
1 parent 4039b3b
commit 0797527
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/WinUIGallery/Assets/GalleryHeaderImage.png b/WinUIGallery/Assets/GalleryHeaderImage.png
diff --git a/WinUIGallery/Controls/HomePageHeaderImage.xaml b/WinUIGallery/Controls/HomePageHeaderImage.xaml
@@ -20,17 +20,20 @@
                         <GradientStop Offset="0.0" Color="#CED8E4" />
                         <GradientStop Offset="1.0" Color="#D5DBE3" />
                     </LinearGradientBrush>
+                    <x:Double x:Key="ImageOpacity">0.9</x:Double>
                 </ResourceDictionary>
                 <ResourceDictionary x:Key="Dark">
-                    <SolidColorBrush x:Key="BackgroundGradient" Color="Black" />
+                    <SolidColorBrush x:Key="BackgroundGradient" Color="#020B20" />
+                    <x:Double x:Key="ImageOpacity">0.8</x:Double>
                 </ResourceDictionary>
                 <ResourceDictionary x:Key="HighContrast">
                     <SolidColorBrush x:Key="BackgroundGradient" Color="Black" />
+                    <x:Double x:Key="ImageOpacity">0.8</x:Double>
                 </ResourceDictionary>
             </ResourceDictionary.ThemeDictionaries>
         </ResourceDictionary>
     </UserControl.Resources>
-    <Grid>
+    <Grid Margin="0,-100,0,0">
         <Grid
             x:Name="ImageGrid"
             Background="{ThemeResource BackgroundGradient}"
@@ -39,13 +42,14 @@
                 x:Name="HeroImage"
                 toolkit:VisualExtensions.NormalizedCenterPoint="0.5"
                 ImageOpened="OnImageOpened"
+                Opacity="{ThemeResource ImageOpacity}"
                 Source="/Assets/GalleryHeaderImage.png"
                 Stretch="UniformToFill" />
 
             <Image
                 x:Name="HeroOverlayImage"
                 toolkit:VisualExtensions.NormalizedCenterPoint="0.5"
-                Opacity="0.5"
+                Opacity="{ThemeResource ImageOpacity}"
                 Source="/Assets/GalleryHeaderImage.png"
                 Stretch="UniformToFill" />