ux: improve the visibility of column headers in dark theme

Signed-off-by: leo <longshuang@msn.cn>

src/Resources/Themes.axaml

@@ -30,6 +30,7 @@
       <Color x:Key="Color.Link">#0000EE</Color>
       <Color x:Key="Color.InlineCode">#FFE4E4E4</Color>
       <Color x:Key="Color.InlineCodeFG">Black</Color>
+      <Color x:Key="Color.DataGridHeaderBG">#FFF0F5F9</Color>
     </ResourceDictionary>
 
     <ResourceDictionary x:Key="Dark">
@@ -61,6 +62,7 @@
       <Color x:Key="Color.Link">#4DAAFC</Color>
       <Color x:Key="Color.InlineCode">#FF383838</Color>
       <Color x:Key="Color.InlineCodeFG">#FFF0F0F0</Color>
+      <Color x:Key="Color.DataGridHeaderBG">#FF2B2B2B</Color>
     </ResourceDictionary>
   </ResourceDictionary.ThemeDictionaries>
 
@@ -94,6 +96,7 @@
   <SolidColorBrush x:Key="Brush.Link" Color="{DynamicResource Color.Link}"/>
   <SolidColorBrush x:Key="Brush.InlineCode" Color="{DynamicResource Color.InlineCode}"/>
   <SolidColorBrush x:Key="Brush.InlineCodeFG" Color="{DynamicResource Color.InlineCodeFG}"/>
+  <SolidColorBrush x:Key="Brush.DataGridHeaderBG" Color="{DynamicResource Color.DataGridHeaderBG}"/>
 
   <FontFamily x:Key="Fonts.Default">fonts:Inter#Inter</FontFamily>
   <FontFamily x:Key="Fonts.Monospace">fonts:SourceGit#JetBrains Mono</FontFamily>

src/Views/Histories.axaml

@@ -27,7 +27,7 @@
       <DataGrid x:Name="CommitListContainer"
                 Classes="static_scrollbar"
                 ScrollViewer.AllowAutoHide="False"
-                Background="{DynamicResource Brush.Window}"
+                Background="{DynamicResource Brush.DataGridHeaderBG}"
                 SelectionMode="Extended"
                 ItemsSource="{Binding Commits, Mode=OneWay}"
                 SelectedItem="{Binding SelectedCommit, Mode=OneWay}"
@@ -54,6 +54,7 @@
             <Style Selector="^ /template/ DataGridRowsPresenter#PART_RowsPresenter">
               <Setter Property="Grid.RowSpan" Value="1" />
               <Setter Property="Grid.ColumnSpan" Value="2" />
+              <Setter Property="Background" Value="{DynamicResource Brush.Contents}"/>
             </Style>
             <Style Selector="^ /template/ DataGridColumnHeadersPresenter#PART_ColumnHeadersPresenter">
               <Setter Property="Grid.Column" Value="0" />
@@ -68,7 +69,7 @@
           
           <Style Selector="DataGridColumnHeader">
             <Setter Property="MinHeight" Value="24"/>
-            <Setter Property="Background" Value="{DynamicResource Brush.Window}"/>
+            <Setter Property="Background" Value="Transparent"/>
             <Setter Property="Template">
               <ControlTemplate>
                 <Border x:Name="HeaderBorder"
@@ -107,10 +108,6 @@
               </ControlTemplate>
             </Setter>
           </Style>
-
-          <Style Selector="DataGridRowsPresenter">
-            <Setter Property="Background" Value="{DynamicResource Brush.Contents}"/>
-          </Style>
         </DataGrid.Styles>
 
         <DataGrid.Columns>