Add DarkTheme and loginPage

MangaMap/App.xaml

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

MangaMap/AppShell.xaml

@@ -11,6 +11,10 @@
             <ShellContent 
                           ContentTemplate="{DataTemplate Views:homePage}" />
         </Tab>
+        <Tab Title="signUpPage">
+            <ShellContent 
+                          ContentTemplate="{DataTemplate Views:signUpPage}" />
+        </Tab>
         <Tab Title="loginPage">
             <ShellContent 
                           ContentTemplate="{DataTemplate Views:loginPage}" />

MangaMap/MangaMap.csproj

@@ -53,18 +53,24 @@
 	</ItemGroup>
 
 	<ItemGroup>
-	  <Compile Update="Views\loginPage.xaml.cs">
+	  <Compile Update="Views\signUpPage.xaml.cs">
-	    <DependentUpon>loginPage.xaml</DependentUpon>
+	    <DependentUpon>signUpPage.xaml</DependentUpon>
 	  </Compile>
 	</ItemGroup>
 
 	<ItemGroup>
+	  <MauiXaml Update="Resources\Theme\DarkTheme.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="Views\homePage.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
 	  <MauiXaml Update="Views\loginPage.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="Views\signUpPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	</ItemGroup>
 
 </Project>

MangaMap/Resources/Theme/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="MangaMap.Resources.Theme.DarkTheme">
+
+    <ResourceDictionary>
+        <Color x:Key="TextColor">#FFFFFF</Color>
+        <Color x:Key="EntryPlaceholderColor">#C7C7CC</Color>
+        <Color x:Key="ButtonColor">#9370DB</Color>
+    </ResourceDictionary>
+
+</ResourceDictionary>

MangaMap/Resources/Theme/DarkTheme.xaml.cs

@@ -0,0 +1,9 @@
+namespace MangaMap.Resources.Theme;
+
+public partial class DarkTheme : ResourceDictionary
+{
+	public DarkTheme()
+	{
+		InitializeComponent();
+	}
+}

MangaMap/Views/loginPage.xaml

@@ -5,22 +5,21 @@
              Title="loginPage">
 
 
-    <StackLayout VerticalOptions="Center" HorizontalOptions="Center">
+    <StackLayout VerticalOptions="Center" HorizontalOptions="Center" BackgroundColor="{StaticResource BackgroundColor}">
 
-        <Label Text="S'inscrire a MapManga" FontSize="Large" Margin="0,0,0,20"/>
+        <Label Text="Se connecter a MapManga" FontSize="Large" Margin="0,0,0,20" TextColor="{StaticResource TextColor}" />
 
-        <Entry Placeholder="Email" Margin="0,0,0,10" />
+        <Entry Placeholder="Email" Margin="0,0,0,10" TextColor="{StaticResource TextColor}" PlaceholderColor="{StaticResource PlaceholderColor}" />
 
-        <Entry Placeholder="Nom d'utilisateur" Margin="0,0,0,10" />
+        <Entry Placeholder="Mot de passe" IsPassword="True" Margin="0,0,0,20" TextColor="{StaticResource TextColor}" PlaceholderColor="{StaticResource PlaceholderColor}" />
 
-        <Entry Placeholder="Mot de passe" IsPassword="True" Margin="0,0,0,10" />
+        <Button Text="Se connecter" Clicked="OnLoginClicked" BackgroundColor="{StaticResource ButtonBackgroundColor}" TextColor="{StaticResource ButtonTextColor}" />
-
-        <Entry Placeholder="Confirmer le mot de passe" IsPassword="True" Margin="0,0,0,20" />
-
-        <Button Text="S'inscire" Clicked="OnLoginClicked" BackgroundColor="MediumPurple"/>
 
+        <StackLayout VerticalOptions="End" HorizontalOptions="Center" Orientation="Horizontal">
+            <Label Text="Pas de compte ? " TextColor="{StaticResource TextColor}" />
+            <Label Text="S'inscrire" TextColor="{StaticResource ButtonBackgroundColor}" />
         </StackLayout>
 
-
+    </StackLayout>
 
 </ContentPage>

MangaMap/Views/signUpPage.xaml

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="MangaMap.Views.signUpPage"
+             Title="loginPage"
+             Background="#1E1E1E">
+
+
+
+    <StackLayout VerticalOptions="Center" HorizontalOptions="Center">
+
+        <Label Text="S'inscrire a MapManga" FontSize="Large" Margin="0,0,0,20"/>
+
+        <Entry Placeholder="Email" Margin="0,0,0,10" />
+
+        <Entry Placeholder="Nom d'utilisateur" Margin="0,0,0,10" />
+
+        <Entry Placeholder="Mot de passe" IsPassword="True" Margin="0,0,0,10" />
+
+        <Entry Placeholder="Confirmer le mot de passe" IsPassword="True" Margin="0,0,0,20" />
+
+        <Button Text="S'inscire" Clicked="OnLoginClicked" BackgroundColor="MediumPurple"/>
+
+        <StackLayout Orientation="Horizontal" HorizontalOptions="Center">
+            <Label Text="Pas de compte ? " />
+            <Label Text="S'inscrire" TextColor="MediumPurple">
+            </Label>
+        </StackLayout>
+        
+    </StackLayout>
+
+
+
+</ContentPage>

MangaMap/Views/signUpPage.xaml.cs

@@ -0,0 +1,14 @@
+namespace MangaMap.Views;
+
+public partial class signUpPage : ContentPage
+{
+	public signUpPage()
+	{
+        InitializeComponent();
+	}
+
+    private void OnLoginClicked(object sender, EventArgs e)
+    {
+        //
+    }
+}