fix: use white button icons in dark mode

Copilot · StuartFerguson · Copilot · commit 00948d602712 · 2026-04-01T13:22:07.000Z
Agent-Logs-Url: https://github.com/TransactionProcessing/TransactionMobile/sessions/7483231e-3678-4592-9c16-cf991c3a1788 Co-authored-by: StuartFerguson <16325469+StuartFerguson@users.noreply.github.com>
diff --git a/TransactionProcessor.Mobile/Pages/AppHome/HomePage.xaml b/TransactionProcessor.Mobile/Pages/AppHome/HomePage.xaml
@@ -51,7 +51,7 @@
                             <TapGestureRecognizer Command="{Binding GoToMobileTopupCommand}" AutomationId="MobileTopupCard"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Mobile Topup"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -66,7 +66,7 @@
                             <TapGestureRecognizer Command="{Binding GoToBillPaymentCommand}" AutomationId="BillPaymentCard"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Bill Payment"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -81,7 +81,7 @@
                             <TapGestureRecognizer Command="{Binding GoToVoucherCommand}" AutomationId="VoucherCard"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Voucher"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -96,7 +96,7 @@
                             <TapGestureRecognizer Command="{Binding GoToAdminCommand}" AutomationId="AdminCard"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Admin"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -124,4 +124,4 @@
 
         </VerticalStackLayout>
     </ScrollView>
-</common:NoBackWithoutLogoutPage>
+</common:NoBackWithoutLogoutPage>
diff --git a/TransactionProcessor.Mobile/Pages/Common/ThemeButtonImageSource.cs b/TransactionProcessor.Mobile/Pages/Common/ThemeButtonImageSource.cs
@@ -0,0 +1,17 @@
+namespace TransactionProcessor.Mobile.Pages.Common;
+
+internal static class ThemeButtonImageSource
+{
+    public static String Get(String imageSource)
+    {
+        if (Application.Current?.RequestedTheme != AppTheme.Dark)
+        {
+            return imageSource;
+        }
+
+        String imageExtension = Path.GetExtension(imageSource);
+        String imageName = Path.GetFileNameWithoutExtension(imageSource);
+
+        return $"{imageName}-dark{imageExtension}";
+    }
+}
diff --git a/TransactionProcessor.Mobile/Pages/MyAccount/MyAccountPage.xaml b/TransactionProcessor.Mobile/Pages/MyAccount/MyAccountPage.xaml
@@ -17,7 +17,7 @@
                     </LinearGradientBrush>
                 </Grid.Background>
                 <VerticalStackLayout VerticalOptions="Center" HorizontalOptions="Center" Spacing="4" Padding="20">
-                    <Image Source="profilebutton.svg" HeightRequest="52" WidthRequest="52" HorizontalOptions="Center"/>
+                    <Image Source="{AppThemeBinding Light=profilebutton.svg, Dark=profilebutton-dark.svg}" HeightRequest="52" WidthRequest="52" HorizontalOptions="Center"/>
                     <Label Text="{Binding Title}"
                            AutomationId="{Binding Title}"
                            FontSize="20"
diff --git a/TransactionProcessor.Mobile/Pages/MyAccount/MyAccountPage.xaml.cs b/TransactionProcessor.Mobile/Pages/MyAccount/MyAccountPage.xaml.cs
@@ -53,7 +53,7 @@ private Frame CreateOptionTile(ListViewItem modelOption, Int32 rowCount)
 
         Image icon = new Image
         {
-            Source = iconSource,
+            Source = ThemeButtonImageSource.Get(iconSource),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -105,5 +105,6 @@ private async void DarkThemeSwitch_Toggled(Object sender,
         }
 
         await this.viewModel.SetDarkTheme(e.Value);
+        this.LoadOptions(this.viewModel);
     }
 }
diff --git a/TransactionProcessor.Mobile/Pages/Reports/ReportsPage.xaml b/TransactionProcessor.Mobile/Pages/Reports/ReportsPage.xaml
@@ -17,7 +17,7 @@
                     </LinearGradientBrush>
                 </Grid.Background>
                 <VerticalStackLayout VerticalOptions="Center" HorizontalOptions="Center" Spacing="4" Padding="20">
-                    <Image Source="reportbutton.svg" HeightRequest="44" WidthRequest="44" HorizontalOptions="Center"/>
+                    <Image Source="{AppThemeBinding Light=reportbutton.svg, Dark=reportbutton-dark.svg}" HeightRequest="44" WidthRequest="44" HorizontalOptions="Center"/>
                     <Label Text="{Binding Title}"
                            AutomationId="{Binding Title}"
                            FontSize="20"
@@ -46,4 +46,4 @@
 
         </VerticalStackLayout>
     </ScrollView>
-</common:NoBackWithoutLogoutPage>
+</common:NoBackWithoutLogoutPage>
diff --git a/TransactionProcessor.Mobile/Pages/Reports/ReportsPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Reports/ReportsPage.xaml.cs
@@ -50,7 +50,7 @@ private Frame CreateReportTile(ListViewItem modelOption, Int32 rowCount)
 
         Image icon = new Image
         {
-            Source = iconSource,
+            Source = ThemeButtonImageSource.Get(iconSource),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -92,4 +92,4 @@ private Frame CreateReportTile(ListViewItem modelOption, Int32 rowCount)
 
         return tile;
     }
-}
+}
diff --git a/TransactionProcessor.Mobile/Pages/Support/SupportPage.xaml b/TransactionProcessor.Mobile/Pages/Support/SupportPage.xaml
@@ -17,7 +17,7 @@
                     </LinearGradientBrush>
                 </Grid.Background>
                 <VerticalStackLayout VerticalOptions="Center" HorizontalOptions="Center" Spacing="4" Padding="20">
-                    <Image Source="supportbutton.svg" HeightRequest="52" WidthRequest="52" HorizontalOptions="Center"/>
+                    <Image Source="{AppThemeBinding Light=supportbutton.svg, Dark=supportbutton-dark.svg}" HeightRequest="52" WidthRequest="52" HorizontalOptions="Center"/>
                     <Label Text="{Binding Title}"
                            AutomationId="{Binding Title}"
                            FontSize="20"
@@ -65,4 +65,4 @@
 
         </VerticalStackLayout>
     </ScrollView>
-</common:NoBackWithoutLogoutPage>
+</common:NoBackWithoutLogoutPage>
diff --git a/TransactionProcessor.Mobile/Pages/Support/SupportPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Support/SupportPage.xaml.cs
@@ -42,7 +42,7 @@ private Frame CreateSupportTile(String title, String iconSource, String automati
 
             Image icon = new Image
             {
-                Source = iconSource,
+                Source = ThemeButtonImageSource.Get(iconSource),
                 HeightRequest = 36,
                 WidthRequest = 36,
                 HorizontalOptions = LayoutOptions.Center
@@ -72,4 +72,4 @@ private Frame CreateSupportTile(String title, String iconSource, String automati
             return tile;
         }
     }
-}
+}
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/Admin/AdminPage.xaml b/TransactionProcessor.Mobile/Pages/Transactions/Admin/AdminPage.xaml
@@ -41,7 +41,7 @@
                         <TapGestureRecognizer Command="{Binding ReconciliationCommand}"/>
                     </Frame.GestureRecognizers>
                     <HorizontalStackLayout Spacing="10" HorizontalOptions="Center">
-                        <Image Source="transactionsbutton.svg" HeightRequest="36" WidthRequest="36" VerticalOptions="Center"/>
+                        <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="36" WidthRequest="36" VerticalOptions="Center"/>
                         <Label Text="Reconciliation"
                                FontSize="15"
                                FontAttributes="Bold"
@@ -58,4 +58,4 @@
             </VerticalStackLayout>
         </VerticalStackLayout>
     </ScrollView>
-</ContentPage>
+</ContentPage>
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/BillPayment/BillPaymentSelectOperatorPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Transactions/BillPayment/BillPaymentSelectOperatorPage.xaml.cs
@@ -2,6 +2,7 @@
 using TransactionProcessor.Mobile.BusinessLogic.Common;
 using TransactionProcessor.Mobile.BusinessLogic.Models;
 using TransactionProcessor.Mobile.BusinessLogic.ViewModels.Transactions;
+using TransactionProcessor.Mobile.Pages.Common;
 
 namespace TransactionProcessor.Mobile.Pages.Transactions.BillPayment;
 
@@ -43,7 +44,7 @@ private Frame CreateOperatorTile(ContractOperatorModel modelOperator, Int32 rowC
 
         Image icon = new Image
         {
-            Source = "transactionsbutton.svg",
+            Source = ThemeButtonImageSource.Get("transactionsbutton.svg"),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -77,4 +78,4 @@ private Frame CreateOperatorTile(ContractOperatorModel modelOperator, Int32 rowC
 
         return tile;
     }
-}
+}
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/BillPayment/BillPaymentSelectProductPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Transactions/BillPayment/BillPaymentSelectProductPage.xaml.cs
@@ -2,6 +2,7 @@
 using TransactionProcessor.Mobile.BusinessLogic.Common;
 using TransactionProcessor.Mobile.BusinessLogic.Models;
 using TransactionProcessor.Mobile.BusinessLogic.ViewModels.Transactions;
+using TransactionProcessor.Mobile.Pages.Common;
 
 namespace TransactionProcessor.Mobile.Pages.Transactions.BillPayment;
 
@@ -43,7 +44,7 @@ private Frame CreateProductTile(ContractProductModel modelProduct, Int32 rowCoun
 
         Image icon = new Image
         {
-            Source = "transactionsbutton.svg",
+            Source = ThemeButtonImageSource.Get("transactionsbutton.svg"),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -77,4 +78,4 @@ private Frame CreateProductTile(ContractProductModel modelProduct, Int32 rowCoun
 
         return tile;
     }
-}
+}
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/MobileTopup/MobileTopupSelectOperatorPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Transactions/MobileTopup/MobileTopupSelectOperatorPage.xaml.cs
@@ -2,6 +2,7 @@
 using TransactionProcessor.Mobile.BusinessLogic.Common;
 using TransactionProcessor.Mobile.BusinessLogic.Models;
 using TransactionProcessor.Mobile.BusinessLogic.ViewModels.Transactions;
+using TransactionProcessor.Mobile.Pages.Common;
 
 namespace TransactionProcessor.Mobile.Pages.Transactions.MobileTopup;
 
@@ -43,7 +44,7 @@ private Frame CreateOperatorTile(ContractOperatorModel modelOperator, Int32 rowC
 
         Image icon = new Image
         {
-            Source = "transactionsbutton.svg",
+            Source = ThemeButtonImageSource.Get("transactionsbutton.svg"),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -85,4 +86,4 @@ private Frame CreateOperatorTile(ContractOperatorModel modelOperator, Int32 rowC
 
         return tile;
     }
-}
+}
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/MobileTopup/MobileTopupSelectProductPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Transactions/MobileTopup/MobileTopupSelectProductPage.xaml.cs
@@ -2,6 +2,7 @@
 using TransactionProcessor.Mobile.BusinessLogic.Common;
 using TransactionProcessor.Mobile.BusinessLogic.Models;
 using TransactionProcessor.Mobile.BusinessLogic.ViewModels.Transactions;
+using TransactionProcessor.Mobile.Pages.Common;
 
 namespace TransactionProcessor.Mobile.Pages.Transactions.MobileTopup;
 
@@ -48,7 +49,7 @@ private Frame CreateProductTile(ContractProductModel modelProduct, Int32 rowCoun
 
         Image icon = new Image
         {
-            Source = "transactionsbutton.svg",
+            Source = ThemeButtonImageSource.Get("transactionsbutton.svg"),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -92,4 +93,4 @@ private Frame CreateProductTile(ContractProductModel modelProduct, Int32 rowCoun
     }
 
     #endregion
-}
+}
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/TransactionsPage.xaml b/TransactionProcessor.Mobile/Pages/Transactions/TransactionsPage.xaml
@@ -18,7 +18,7 @@
                     </LinearGradientBrush>
                 </Grid.Background>
                 <VerticalStackLayout VerticalOptions="Center" HorizontalOptions="Center" Spacing="6" Padding="20">
-                    <Image Source="transactionsbutton.svg" HeightRequest="60" WidthRequest="60" HorizontalOptions="Center"/>
+                    <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="60" WidthRequest="60" HorizontalOptions="Center"/>
                     <Label Text="Select Transaction Type"
                            AutomationId="SelectTransactionType"
                            FontSize="20"
@@ -44,7 +44,7 @@
                             <TapGestureRecognizer Command="{Binding MobileTopupCommand}"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Mobile Topup"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -62,7 +62,7 @@
                             <TapGestureRecognizer Command="{Binding MobileWalletCommand}"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Mobile Wallet"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -80,7 +80,7 @@
                             <TapGestureRecognizer Command="{Binding BillPaymentCommand}"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Bill Payment"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -98,7 +98,7 @@
                             <TapGestureRecognizer Command="{Binding VoucherCommand}"/>
                         </Frame.GestureRecognizers>
                         <VerticalStackLayout Spacing="8" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="40" WidthRequest="40" HorizontalOptions="Center"/>
                             <Label Text="Voucher"
                                    FontSize="13"
                                    FontAttributes="Bold"
@@ -116,7 +116,7 @@
                             <TapGestureRecognizer Command="{Binding AdminCommand}"/>
                         </Frame.GestureRecognizers>
                         <HorizontalStackLayout Spacing="10" HorizontalOptions="Center">
-                            <Image Source="transactionsbutton.svg" HeightRequest="36" WidthRequest="36" VerticalOptions="Center"/>
+                            <Image Source="{AppThemeBinding Light=transactionsbutton.svg, Dark=transactionsbutton-dark.svg}" HeightRequest="36" WidthRequest="36" VerticalOptions="Center"/>
                             <Label Text="Admin"
                                    FontSize="15"
                                    FontAttributes="Bold"
@@ -135,4 +135,4 @@
             </VerticalStackLayout>
         </VerticalStackLayout>
     </ScrollView>
-</common:NoBackWithoutLogoutPage>
+</common:NoBackWithoutLogoutPage>
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/Voucher/VoucherSelectOperatorPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Transactions/Voucher/VoucherSelectOperatorPage.xaml.cs
@@ -2,6 +2,7 @@
 using TransactionProcessor.Mobile.BusinessLogic.Common;
 using TransactionProcessor.Mobile.BusinessLogic.Models;
 using TransactionProcessor.Mobile.BusinessLogic.ViewModels.Transactions;
+using TransactionProcessor.Mobile.Pages.Common;
 
 namespace TransactionProcessor.Mobile.Pages.Transactions.Voucher;
 
@@ -43,7 +44,7 @@ private Frame CreateOperatorTile(ContractOperatorModel modelOperator, Int32 rowC
 
         Image icon = new Image
         {
-            Source = "transactionsbutton.svg",
+            Source = ThemeButtonImageSource.Get("transactionsbutton.svg"),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -85,4 +86,4 @@ private Frame CreateOperatorTile(ContractOperatorModel modelOperator, Int32 rowC
 
         return tile;
     }
-}
+}
diff --git a/TransactionProcessor.Mobile/Pages/Transactions/Voucher/VoucherSelectProductPage.xaml.cs b/TransactionProcessor.Mobile/Pages/Transactions/Voucher/VoucherSelectProductPage.xaml.cs
@@ -2,6 +2,7 @@
 using TransactionProcessor.Mobile.BusinessLogic.Common;
 using TransactionProcessor.Mobile.BusinessLogic.Models;
 using TransactionProcessor.Mobile.BusinessLogic.ViewModels.Transactions;
+using TransactionProcessor.Mobile.Pages.Common;
 
 namespace TransactionProcessor.Mobile.Pages.Transactions.Voucher;
 
@@ -43,7 +44,7 @@ private Frame CreateProductTile(ContractProductModel modelProduct, Int32 rowCoun
 
         Image icon = new Image
         {
-            Source = "transactionsbutton.svg",
+            Source = ThemeButtonImageSource.Get("transactionsbutton.svg"),
             HeightRequest = 36,
             WidthRequest = 36,
             HorizontalOptions = LayoutOptions.Center
@@ -85,4 +86,4 @@ private Frame CreateProductTile(ContractProductModel modelProduct, Int32 rowCoun
 
         return tile;
     }
-}
+}
diff --git a/TransactionProcessor.Mobile/Resources/Images/backbutton-dark.svg b/TransactionProcessor.Mobile/Resources/Images/backbutton-dark.svg
diff --git a/TransactionProcessor.Mobile/Resources/Images/homebutton-dark.svg b/TransactionProcessor.Mobile/Resources/Images/homebutton-dark.svg
diff --git a/TransactionProcessor.Mobile/Resources/Images/profilebutton-dark.svg b/TransactionProcessor.Mobile/Resources/Images/profilebutton-dark.svg
diff --git a/TransactionProcessor.Mobile/Resources/Images/reportbutton-dark.svg b/TransactionProcessor.Mobile/Resources/Images/reportbutton-dark.svg
diff --git a/TransactionProcessor.Mobile/Resources/Images/supportbutton-dark.svg b/TransactionProcessor.Mobile/Resources/Images/supportbutton-dark.svg
diff --git a/TransactionProcessor.Mobile/Resources/Images/transactionsbutton-dark.svg b/TransactionProcessor.Mobile/Resources/Images/transactionsbutton-dark.svg

Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@ private Frame CreateOptionTile(ListViewItem modelOption, Int32 rowCount)`
`53`	`53`
`54`	`54`	`Image icon = new Image`
`55`	`55`	`{`
`56`		`- Source = iconSource,`
	`56`	`+ Source = ThemeButtonImageSource.Get(iconSource),`
`57`	`57`	`HeightRequest = 36,`
`58`	`58`	`WidthRequest = 36,`
`59`	`59`	`HorizontalOptions = LayoutOptions.Center`
`@@ -105,5 +105,6 @@ private async void DarkThemeSwitch_Toggled(Object sender,`
`105`	`105`	`}`
`106`	`106`
`107`	`107`	`await this.viewModel.SetDarkTheme(e.Value);`
	`108`	`+ this.LoadOptions(this.viewModel);`
`108`	`109`	`}`
`109`	`110`	`}`
Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ private Frame CreateReportTile(ListViewItem modelOption, Int32 rowCount)`
`50`	`50`
`51`	`51`	`Image icon = new Image`
`52`	`52`	`{`
`53`		`- Source = iconSource,`
	`53`	`+ Source = ThemeButtonImageSource.Get(iconSource),`
`54`	`54`	`HeightRequest = 36,`
`55`	`55`	`WidthRequest = 36,`
`56`	`56`	`HorizontalOptions = LayoutOptions.Center`
`@@ -92,4 +92,4 @@ private Frame CreateReportTile(ListViewItem modelOption, Int32 rowCount)`
`92`	`92`
`93`	`93`	`return tile;`
`94`	`94`	`}`
`95`		`-}`
	`95`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ private Frame CreateSupportTile(String title, String iconSource, String automati`
`42`	`42`
`43`	`43`	`Image icon = new Image`
`44`	`44`	`{`
`45`		`- Source = iconSource,`
	`45`	`+ Source = ThemeButtonImageSource.Get(iconSource),`
`46`	`46`	`HeightRequest = 36,`
`47`	`47`	`WidthRequest = 36,`
`48`	`48`	`HorizontalOptions = LayoutOptions.Center`
`@@ -72,4 +72,4 @@ private Frame CreateSupportTile(String title, String iconSource, String automati`
`72`	`72`	`return tile;`
`73`	`73`	`}`
`74`	`74`	`}`
`75`		`-}`
	`75`	`+}`