Improved appearance in Dark Theme

Author: krlvm

MediaFlyout/Styles/Theme.Common.xaml

@@ -17,6 +17,8 @@
     <SolidColorBrush x:Key="SystemAltMediumHighColorBrush" Color="{DynamicResource SystemAltMediumHighColor}" />
     <SolidColorBrush x:Key="SystemAltHighColorBrush" Color="{DynamicResource SystemAltHighColor}" />
 
+    <SolidColorBrush x:Key="FlyoutCaptionTextForegroundColorBrush" Color="{DynamicResource FlyoutCaptionTextForegroundColor}" />
+
     <SolidColorBrush x:Key="FluentButtonBackgroundBrush" Color="{DynamicResource FluentButtonBackgroundColor}" />
     <SolidColorBrush x:Key="FluentButtonHoverBackgroundBrush" Color="{DynamicResource FluentButtonHoverBackgroundColor}" />
 

MediaFlyout/Styles/Theme.Dark.xaml

@@ -13,6 +13,8 @@
     <Color x:Key="SystemAltMediumHighColor">#CC000000</Color>
     <Color x:Key="SystemAltHighColor">#FF000000</Color>
 
+    <Color x:Key="FlyoutCaptionTextForegroundColor">#66FFFFFF</Color>
+
     <Color x:Key="FluentButtonBackgroundColor">#30FFFFFF</Color>
     <Color x:Key="FluentButtonHoverBackgroundColor">#3FFFFFFF</Color>
     <Color x:Key="FluentButtonRevealEffectColor">#20FFFFFF</Color>

MediaFlyout/Styles/Theme.Light.xaml

@@ -13,6 +13,8 @@
     <Color x:Key="SystemAltMediumHighColor">#CCFFFFFF</Color>
     <Color x:Key="SystemAltHighColor">#FFFFFFFF</Color>
 
+    <Color x:Key="FlyoutCaptionTextForegroundColor">#CC000000</Color>
+
     <Color x:Key="FluentButtonBackgroundColor">#66FFFFFF</Color>
     <Color x:Key="FluentButtonHoverBackgroundColor">#99FFFFFF</Color>
     <Color x:Key="FluentButtonRevealEffectColor">#EEFFFFFF</Color>

MediaFlyout/Views/SessionItem.xaml

@@ -44,7 +44,7 @@
                     <TextBlock x:Name="AppName" FontSize="12" Text="{Binding AppName, FallbackValue='App Name'}" TextWrapping="NoWrap" TextTrimming="CharacterEllipsis" Foreground="{DynamicResource SystemBaseHighColorBrush}" VerticalAlignment="Center" />
                 </StackPanel>
                 <TextBlock Grid.Row="1" x:Name="MediaTitle" FontSize="14" Text="{Binding Title, FallbackValue='Media Title'}" TextWrapping="NoWrap" TextTrimming="CharacterEllipsis" Foreground="{DynamicResource SystemBaseHighColorBrush}" />
-                <TextBlock Grid.Row="2" x:Name="MediaArtist" FontSize="12" Text="{Binding Artist, FallbackValue='Media Artist'}" Foreground="{DynamicResource SystemBaseMediumHighColorBrush}" />
+                <TextBlock Grid.Row="2" x:Name="MediaArtist" FontSize="12" Text="{Binding Artist, FallbackValue='Media Artist'}" Foreground="{DynamicResource FlyoutCaptionTextForegroundColorBrush}" />
             </Grid>
 
             <StackPanel x:Name="ControlsContainer" Grid.Column="2" VerticalAlignment="Center" Height="40" Margin="4,0" HorizontalAlignment="Center" Orientation="Horizontal">