fix: improve sales analysis readability

Agent-Logs-Url: https://github.com/TransactionProcessing/TransactionMobile/sessions/d0e00a6b-13ed-4533-89b1-a23403fc4fb3

Co-authored-by: StuartFerguson <16325469+StuartFerguson@users.noreply.github.com>

Author: Copilot

TransactionProcessor.Mobile/Pages/Reports/ReportsSalesAnalysisPage.xaml

@@ -15,7 +15,9 @@
 
          <DataTemplate x:Key="CardTemplate">
             <Frame x:DataType="reports1:SalesAnalysis"
-                   Style="{StaticResource TransactionFormCard}">
+                   Style="{StaticResource TransactionFormCard}"
+                   BackgroundColor="{DynamicResource salesAnalysisCardBackgroundColor}"
+                   BorderColor="{DynamicResource salesAnalysisCardBorderColor}">
                 <Grid RowDefinitions="Auto,Auto,Auto"
                       ColumnDefinitions="*,Auto"
                       RowSpacing="12">
@@ -30,19 +32,19 @@
                     <Label Text="{Binding MainTitle}"
                            FontSize="18"
                            FontAttributes="Bold"
-                           TextColor="{DynamicResource labelTextColor}"/>
+                           TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}"/>
 
                     <VerticalStackLayout
                         Grid.Row="1"
                         Grid.ColumnSpan="2"
                         Spacing="2">
                         <Label Text="{Binding TodaysTitle}"
                                FontSize="14"
-                               TextColor="{DynamicResource labelTextColor}" />
+                               TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
                         <Label Text="{Binding TodaysValue}"
                                FontSize="20"
                                FontAttributes="Bold"
-                               TextColor="{DynamicResource labelTextColor}" />
+                               TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
                     </VerticalStackLayout>
 
                     <HorizontalStackLayout
@@ -51,12 +53,12 @@
                         VerticalOptions="End">
                         <Label Text="{Binding ComparisonTitle}"
                                FontSize="12"
-                               TextColor="{DynamicResource labelTextColor}"
+                               TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}"
                                Opacity="0.8"
                                VerticalOptions="Center"/>
                         <Label Text="{Binding ComparisonValue}"
                                FontSize="12"
-                               TextColor="{DynamicResource labelTextColor}"
+                               TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}"
                                Opacity="0.8"
                                VerticalOptions="Center"/>
                     </HorizontalStackLayout>
@@ -69,12 +71,12 @@
                         VerticalOptions="End">
                         <Label Text="{Binding VarianceTitle}"
                                FontSize="12"
-                               TextColor="{DynamicResource labelTextColor}"
+                               TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}"
                                Opacity="0.8"
                                VerticalOptions="Center"/>
                         <Label Text="{Binding VarianceValue}"
                                FontSize="12"
-                               TextColor="{DynamicResource labelTextColor}"
+                               TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}"
                                Opacity="0.8"
                                VerticalOptions="Center"/>
                     </HorizontalStackLayout>
@@ -92,16 +94,16 @@
                                  HorizontalTextAlignment="Center"
                                  VerticalOptions="End"
                                  FontAttributes="Bold"
-                                 TextColor="{DynamicResource labelTextColor}"
+                                 TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}"
                                  Padding="20,0,20,20"/>
 
             <Picker x:Name="ComparisonDate"
                     Title="Select Date for Comparison"
                     ItemDisplayBinding="{Binding DisplayText}"
                     ItemsSource="{Binding ComparisonDates}"
                     SelectedItem="{Binding SelectedItem}"
-                    TextColor="{DynamicResource labelTextColor}"
-                    TitleColor="{DynamicResource labelTextColor}">
+                    TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}"
+                    TitleColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource Gray200}}">
                 <Picker.Behaviors>
                     <toolkit:EventToCommandBehavior
                         EventName="SelectedIndexChanged"

TransactionProcessor.Mobile/Resources/Styles/DarkTheme.xaml

@@ -32,6 +32,8 @@
     <Color x:Key="cardBorderColor">#2F3640</Color>
     <Color x:Key="entryContainerBorderColor">#374151</Color>
     <Color x:Key="entryContainerBackgroundColor">#111827</Color>
+    <Color x:Key="salesAnalysisCardBackgroundColor">#223247</Color>
+    <Color x:Key="salesAnalysisCardBorderColor">#2D435B</Color>
     <Color x:Key="shellTabBarBackgroundColor">#1F2937</Color>
     <Color x:Key="shellTabBarForegroundColor">#F5F7FA</Color>
     <Color x:Key="shellTabBarUnselectedColor">#9CA3AF</Color>

TransactionProcessor.Mobile/Resources/Styles/LightTheme.xaml

@@ -38,6 +38,8 @@
     <Color x:Key="cardBorderColor">#E1E1E1</Color>
     <Color x:Key="entryContainerBorderColor">#CFCFD3</Color>
     <Color x:Key="entryContainerBackgroundColor">#EFEFEF</Color>
+    <Color x:Key="salesAnalysisCardBackgroundColor">#FFFFFF</Color>
+    <Color x:Key="salesAnalysisCardBorderColor">#E1E1E1</Color>
     <Color x:Key="shellTabBarBackgroundColor">#FFFFFF</Color>
     <Color x:Key="shellTabBarForegroundColor">#4267B2</Color>
     <Color x:Key="shellTabBarUnselectedColor">#212125</Color>