From 0e8b12077daf676097d29651b5e1791a10a72fca Mon Sep 17 00:00:00 2001
From: Alexandre Agostinho <alexandre.agostinho@epita.fr>
Date: Sun, 9 Apr 2023 02:53:39 +0200
Subject: [PATCH] :art: add night colors

---
 MCTG/Views/App.xaml.cs                  |  7 +++++--
 MCTG/Views/ContainerFlyout.xaml         |  2 +-
 MCTG/Views/CustomHeader.xaml            |  5 +++--
 MCTG/Views/Home.xaml                    | 20 ++++++++++++--------
 MCTG/Views/MyPosts.xaml                 |  8 +++++---
 MCTG/Views/Resources/Styles/Styles.xaml | 10 +++++-----
 MCTG/Views/ReturnButton.xaml            |  2 +-
 7 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/MCTG/Views/App.xaml.cs b/MCTG/Views/App.xaml.cs
index c6726e7..b1bac15 100644
--- a/MCTG/Views/App.xaml.cs
+++ b/MCTG/Views/App.xaml.cs
@@ -28,8 +28,11 @@ namespace Views
 #endif
             });
 
-            MainPage = new MyPosts();
-            Application.Current.UserAppTheme = AppTheme.Light;
+            MainPage = new Home();
+
+
+
+            Application.Current.UserAppTheme = AppTheme.Dark;
         }
     }
 }
diff --git a/MCTG/Views/ContainerFlyout.xaml b/MCTG/Views/ContainerFlyout.xaml
index 87278c8..7f15aa4 100644
--- a/MCTG/Views/ContainerFlyout.xaml
+++ b/MCTG/Views/ContainerFlyout.xaml
@@ -4,7 +4,7 @@
              xmlns:local="clr-namespace:Views"
              x:Class="Views.ContainerFlyout"
              x:Name="fl"
-             BackgroundColor="{StaticResource Secondary}">
+             BackgroundColor="{AppThemeBinding Light={StaticResource Secondary}, Dark={StaticResource Gray600}}">
 
     <Grid RowDefinitions="250, *, 100">
         <VerticalStackLayout Grid.Row="0">
diff --git a/MCTG/Views/CustomHeader.xaml b/MCTG/Views/CustomHeader.xaml
index d46be9c..50212be 100644
--- a/MCTG/Views/CustomHeader.xaml
+++ b/MCTG/Views/CustomHeader.xaml
@@ -2,13 +2,14 @@
 <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="Views.CustomHeader"
-             BackgroundColor="{StaticResource Primary}">
+             BackgroundColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource Gray900}}">
 
     <Grid ColumnDefinitions="*">
 
         <Label Text="Ma cuisine trop géniale"
                FontAttributes="Bold" FontSize="30" FontFamily="Forte"
-               TextColor="Black" Margin="20, 10, 0, 0" 
+               TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"
+               Margin="20, 10, 0, 0" 
                VerticalOptions="Start" HorizontalOptions="Start"/>
 
     </Grid>
diff --git a/MCTG/Views/Home.xaml b/MCTG/Views/Home.xaml
index aa48635..7a1f1ef 100644
--- a/MCTG/Views/Home.xaml
+++ b/MCTG/Views/Home.xaml
@@ -15,7 +15,8 @@
                     MaximumHeightRequest="20"
                     Style="{StaticResource button1}"/>
                 <SearchBar Placeholder="Mots-clés (ex.: rapide, fromage)" FontAttributes="Italic"
-                   BackgroundColor="White" Margin="15, 10, 15, 40"/>
+                           BackgroundColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Gray300}}"
+                           Margin="15, 10, 15, 40"/>
 
                 <!-- Direct research -->
                 <Button Text="Entrées" ImageSource="flatware_icon.png"
@@ -31,15 +32,16 @@
         <local:ContainerBase.MyContent>
             <ScrollView>
                 <StackLayout>
-                    <Label Text="Suggestions" TextColor="Black"
+                    <Label Text="Suggestions" TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Gray100}}"
                            FontSize="24" Padding="15"/>
 
                     <FlexLayout
-                            Margin="0, 15"
-                            Wrap="Wrap"
-                            JustifyContent="SpaceEvenly"
-                            AlignItems="Center"
-                            AlignContent="SpaceEvenly">
+                        Margin="0, 15"
+                        Wrap="Wrap"
+                        JustifyContent="Start"
+                        AlignItems="Center"
+                        AlignContent="SpaceEvenly"
+                        HorizontalOptions="Center">
 
                         <local:RecipeCase CaseImageSource="room_service_icon.png"/>
                         <local:RecipeCase CaseImageSource="room_service_icon.png"/>
@@ -50,12 +52,14 @@
                         <local:RecipeCase CaseImageSource="room_service_icon.png"/>
                         <local:RecipeCase CaseImageSource="room_service_icon.png"/>
                         <local:RecipeCase CaseImageSource="room_service_icon.png"/>
+                        <local:RecipeCase CaseImageSource="room_service_icon.png"/>
+                        <local:RecipeCase CaseImageSource="room_service_icon.png"/>
 
                     </FlexLayout>
                 </StackLayout>
             </ScrollView>
         </local:ContainerBase.MyContent>
-        
+
     </local:ContainerBase>
 
 </ContentPage>
diff --git a/MCTG/Views/MyPosts.xaml b/MCTG/Views/MyPosts.xaml
index da4e33f..c0edfcd 100644
--- a/MCTG/Views/MyPosts.xaml
+++ b/MCTG/Views/MyPosts.xaml
@@ -3,7 +3,8 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:local="clr-namespace:Views"
              x:Class="Views.MyPosts"
-             Title="MyPosts">
+             Title="MyPosts"
+             BackgroundColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Gray500}}">
 
     <local:ContainerBase
         IsNotConnected="False"
@@ -24,9 +25,10 @@
 
             <ScrollView>
                 <StackLayout>
-                    <Label Text="Mon profil" TextColor="Black" FontAttributes="Bold"
+                    <Label Text="Mon profil" TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Gray100}}"
+                           FontAttributes="Bold"
                            FontSize="24" Padding="15, 15, 20, 5"/>
-                    <Label Text="Mes publications" TextColor="Black"
+                    <Label Text="Mes publications" TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Gray100}}"
                            FontSize="20" Padding="15"/>
 
                     <FlexLayout
diff --git a/MCTG/Views/Resources/Styles/Styles.xaml b/MCTG/Views/Resources/Styles/Styles.xaml
index d0d8eaf..47d8a9c 100644
--- a/MCTG/Views/Resources/Styles/Styles.xaml
+++ b/MCTG/Views/Resources/Styles/Styles.xaml
@@ -7,7 +7,7 @@
     <!-- Personal styles -->
     
     <Style x:Key="recipeCase" TargetType="Border">
-        <Setter Property="BackgroundColor" Value="LightGray"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
         <Setter Property="WidthRequest" Value="250"/>
         <Setter Property="HeightRequest" Value="200"/>
         <Setter Property="StrokeShape" Value="{RoundRectangle CornerRadius='10'}"/>
@@ -15,16 +15,16 @@
     </Style>
 
     <Style x:Key="button1" TargetType="Button">
-        <Setter Property="TextColor" Value="{StaticResource Black}"/>
-        <Setter Property="BackgroundColor" Value="{StaticResource Tertiary}"/>
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Tertiary}, Dark={StaticResource Gray500}}"/>
         <Setter Property="CornerRadius" Value="5"/>
         <Setter Property="MaximumHeightRequest" Value="20"/>
         <Setter Property="Margin" Value="15, 5"/>
     </Style>
 
     <Style x:Key="button2" TargetType="Button">
-        <Setter Property="TextColor" Value="{StaticResource White}"/>
-        <Setter Property="BackgroundColor" Value="{StaticResource Primary}"/>
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource White}}"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource Gray400}}"/>
         <Setter Property="CornerRadius" Value="5"/>
         <Setter Property="MaximumHeightRequest" Value="20"/>
         <Setter Property="Margin" Value="15, 5"/>
diff --git a/MCTG/Views/ReturnButton.xaml b/MCTG/Views/ReturnButton.xaml
index b760448..dccf42f 100644
--- a/MCTG/Views/ReturnButton.xaml
+++ b/MCTG/Views/ReturnButton.xaml
@@ -7,7 +7,7 @@
     <Border
         MaximumWidthRequest="100"
         MaximumHeightRequest="45"
-        BackgroundColor="{StaticResource Tertiary}"
+        BackgroundColor="{AppThemeBinding Light={StaticResource Tertiary}, Dark={StaticResource Gray400}}"
         IsEnabled="{Binding NeedReturn, Source={x:Reference rb}}"
         IsVisible="{Binding NeedReturn, Source={x:Reference rb}}">
         <Border.StrokeShape>