🩹 test

ch02_DesigningViews/ex_CustomToolbar/App.xaml

@@ -8,6 +8,7 @@
             <ResourceDictionary.MergedDictionaries>
                 <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
                 <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
+                <ResourceDictionary Source="Resources/Themes/DarkTheme.xaml" />
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </Application.Resources>

ch02_DesigningViews/ex_CustomToolbar/AppShell.xaml

@@ -7,7 +7,7 @@
     xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
     Shell.FlyoutBehavior="Disabled"
     Shell.Padding="0"
-    Shell.BackgroundColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}"
+    Shell.BackgroundColor="{DynamicResource PrimaryBackgroundColor}"
     Title="ex_CustomToolbar">
 
     <ShellContent

ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml

@@ -6,7 +6,7 @@
 
     <ContentPage.Behaviors>
         <toolkit:StatusBarBehavior
-            StatusBarColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}"
+            StatusBarColor="{DynamicResource PrimaryBackgroundColor}"
             StatusBarStyle="{AppThemeBinding Light=LightContent, Dark=DarkContent}"  />
     </ContentPage.Behaviors>
 
@@ -65,11 +65,26 @@
                     SemanticProperties.Description="Welcome to dot net Multi platform App U I" />
 
                 <Button
+                    BackgroundColor="{DynamicResource PrimaryBackgroundColor}"
                     x:Name="CounterBtn"
                     Text="Click me" 
                     SemanticProperties.Hint="Counts the number of times you click"
                     Clicked="OnCounterClicked"
                     HorizontalOptions="Fill" />
+
+                <Picker x:Name="picker"
+                    Title="Select a theme"
+                    SelectedIndexChanged="picker_SelectedIndexChanged"
+                    TextColor="{StaticResource PrimaryForegroundColor}"
+                    BackgroundColor="{StaticResource SecondaryBackgroundColor}" >
+                    <Picker.ItemsSource>
+                        <x:Array Type="{x:Type x:String}">
+                            <x:String>Dark</x:String>
+                            <x:String>Light</x:String>
+                            <x:String>Color Blind</x:String>
+                        </x:Array>
+                    </Picker.ItemsSource>
+                </Picker>
             </VerticalStackLayout>
         </ScrollView>
         <AbsoluteLayout AbsoluteLayout.LayoutFlags="All"

ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml.cs

@@ -1,4 +1,6 @@
-namespace ex_CustomToolbar;
+using CommunityToolkit.Maui.Behaviors;
+
+namespace ex_CustomToolbar;
 
 public partial class MainPage : ContentPage
 {
@@ -21,6 +23,33 @@ public partial class MainPage : ContentPage
 		SemanticScreenReader.Announce(CounterBtn.Text);
 	}
 
+	void picker_SelectedIndexChanged(object source, EventArgs args)
+    {
+        string? chosenThemeString = picker.SelectedItem as string;
+
+        ResourceDictionary chosenTheme = chosenThemeString switch 
+        {
+            "Dark" => new DarkTheme(),
+            "Light" => new LightTheme(),
+            "Color Blind" => new ColorBlindTheme(),
+            _ => new LightTheme()
+        };
+
+		ICollection<ResourceDictionary> mergedDictionaries = Application.Current.Resources.MergedDictionaries;
+        if (mergedDictionaries != null)
+        {
+            foreach(var dico in mergedDictionaries.Where(d => d is ICustomTheme).ToList())
+            {
+                mergedDictionaries.Remove(dico);
+            }
+            mergedDictionaries.Add(chosenTheme);
+
+			#if ANDROID
+			CommunityToolkit.Maui.Core.Platform.StatusBar.SetColor((Color)Application.Current.Resources["PrimaryBackgroundColor"]);
+			#endif
+        }
+    }
+
 	private void EllipsisClicked(object sender, EventArgs e)
 	{
 		secondaryMenu.IsVisible = !secondaryMenu.IsVisible;

ch02_DesigningViews/ex_CustomToolbar/Resources/Themes/ColorBlindTheme.xaml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="ex_CustomToolbar.ColorBlindTheme">
+    <Color x:Key="PrimaryBackgroundColor">#92CCDC</Color>
+    <Color x:Key="SecondaryBackgroundColor">#E1C2CE</Color>
+
+    <Color x:Key="PrimaryForegroundColor">#163D42</Color>
+    <Color x:Key="SecondaryForegroundColor">#446E77</Color>
+</ResourceDictionary>

ch02_DesigningViews/ex_CustomToolbar/Resources/Themes/ColorBlindTheme.xaml.cs

@@ -0,0 +1,9 @@
+namespace ex_CustomToolbar;
+
+public partial class ColorBlindTheme : ResourceDictionary, ICustomTheme
+{
+	public ColorBlindTheme()
+	{
+		InitializeComponent();
+	}
+}

ch02_DesigningViews/ex_CustomToolbar/Resources/Themes/DarkTheme.xaml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="ex_CustomToolbar.DarkTheme">          
+
+    <Color x:Key="PrimaryBackgroundColor">#2F2883</Color>
+    <Color x:Key="SecondaryBackgroundColor">#36743B</Color>
+
+    <Color x:Key="PrimaryForegroundColor">#96CBEA</Color>
+    <Color x:Key="SecondaryForegroundColor">#DBCB82</Color>
+
+</ResourceDictionary>

ch02_DesigningViews/ex_CustomToolbar/Resources/Themes/DarkTheme.xaml.cs

@@ -0,0 +1,9 @@
+namespace ex_CustomToolbar;
+
+public partial class DarkTheme : ResourceDictionary, ICustomTheme
+{
+	public DarkTheme()
+	{
+		InitializeComponent();
+	}
+}

ch02_DesigningViews/ex_CustomToolbar/Resources/Themes/ICustomTheme.cs

@@ -0,0 +1,6 @@
+namespace ex_CustomToolbar;
+
+public interface ICustomTheme
+{
+
+}

ch02_DesigningViews/ex_CustomToolbar/Resources/Themes/LightTheme.xaml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="ex_CustomToolbar.LightTheme">
+    <Color x:Key="PrimaryBackgroundColor">#96CBEA</Color>
+    <Color x:Key="SecondaryBackgroundColor">#DBCB82</Color>
+
+    <Color x:Key="PrimaryForegroundColor">#2F2883</Color>
+    <Color x:Key="SecondaryForegroundColor">#36743B</Color>
+</ResourceDictionary>

ch02_DesigningViews/ex_CustomToolbar/Resources/Themes/LightTheme.xaml.cs

@@ -0,0 +1,9 @@
+namespace ex_CustomToolbar;
+
+public partial class LightTheme : ResourceDictionary, ICustomTheme
+{
+	public LightTheme()
+	{
+		InitializeComponent();
+	}
+}

ch02_DesigningViews/ex_CustomToolbar/ex_CustomToolbar.csproj

@@ -25,7 +25,7 @@
 		<ApplicationTitle>ex_CustomToolbar</ApplicationTitle>
 
 		<!-- App Identifier -->
-		<ApplicationId>com.companyname.excustomtoolbar</ApplicationId>
+		<ApplicationId>fr.uca.iut.excustomtoolbar</ApplicationId>
 
 		<!-- Versions -->
 		<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>