Give our NavigationView's acrylic a fallback color (#9752)

It will be a different color than the background, so it will look less weird when it's unfocused. It also fixes the bug where the navigation menu is transparent when acrylic is disabled systemwide. Fixes #9337 (cherry picked from commit b310b1c)
microsoft · Apr 12, 2021 · 976a3c7 · 976a3c7
1 parent dd1c3df
commit 976a3c7
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/cascadia/TerminalSettingsEditor/MainPage.xaml b/src/cascadia/TerminalSettingsEditor/MainPage.xaml
@@ -17,14 +17,17 @@ the MIT License. See LICENSE in the project root for license information. -->
 
             <AcrylicBrush x:Key="NavigationViewDefaultPaneBackground"
                           BackgroundSource="Backdrop"
+                          FallbackColor="{ThemeResource SystemChromeMediumLowColor}"
                           TintColor="{ThemeResource SystemChromeMediumColor}"
                           TintOpacity="0.5"/>
             <AcrylicBrush x:Key="NavigationViewTopPaneBackground"
                           BackgroundSource="Backdrop"
+                          FallbackColor="{ThemeResource SystemChromeMediumLowColor}"
                           TintColor="{ThemeResource SystemChromeMediumColor}"
                           TintOpacity="0.5"/>
             <AcrylicBrush x:Key="NavigationViewExpandedPaneBackground"
                           BackgroundSource="HostBackdrop"
+                          FallbackColor="{ThemeResource SystemChromeMediumLowColor}"
                           TintColor="{ThemeResource SystemChromeMediumColor}"
                           TintOpacity="0.7"/>
         </ResourceDictionary>