From 179ce2b1bbcd990d8e9aa1332584f8981a753b5d Mon Sep 17 00:00:00 2001
From: Patrick Hellebrand <HPL2FE@FEBO-C-0003M>
Date: Thu, 23 Sep 2021 14:36:21 +0200
Subject: [PATCH] Dark Theme, added styling for messages

---
 PolyChat/MainPage.xaml    | 12 ++++++------
 PolyChat/MainPage.xaml.cs |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/PolyChat/MainPage.xaml b/PolyChat/MainPage.xaml
index e2d66c4..596ea2b 100644
--- a/PolyChat/MainPage.xaml
+++ b/PolyChat/MainPage.xaml
@@ -6,7 +6,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:models="using:PolyChat.Models"
     mc:Ignorable="d"
-    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" RequestedTheme="Dark">
     <Grid>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="224"/>
@@ -97,13 +97,13 @@
             </Grid>
             <!-- CHAT -->
             <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Hidden">
-                <ListView x:Name="listViewMessages" VerticalAlignment="Bottom" Margin="4 16">
+                <ListView x:Name="listViewMessages" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Margin="4 16">
                     <ListView.ItemTemplate>
                         <DataTemplate x:DataType="models:ChatMessage">
-                            <StackPanel x:Name="Message" Margin="0 4" Padding="16 8" CornerRadius="4" Background="{ThemeResource SystemAccentColor}">
-                                <TextBlock Text="{x:Bind Content}"/>
-                                <TextBlock Text="{x:Bind TimeStamp.ToShortDateString()}"/>
-                                <TextBlock Text="{x:Bind Foreign}"/>
+                            <StackPanel x:Name="Message" MaxWidth="320" Margin="0 4" Padding="16 8" CornerRadius="4" Background="{ThemeResource SystemAccentColor}">
+                                <TextBlock Text="{x:Bind Content}" Foreground="{ThemeResource SystemAltHighColor}" TextWrapping="WrapWholeWords" FontSize="14"/>
+                                <TextBlock Text="{x:Bind TimeStamp.ToString()}" Foreground="{ThemeResource SystemAltMediumColor}"/>
+                                <TextBlock Text="{x:Bind Foreign}" Foreground="{ThemeResource SystemAltMediumLowColor}" FontStyle="Italic" />
                             </StackPanel>
                         </DataTemplate>
                     </ListView.ItemTemplate>
diff --git a/PolyChat/MainPage.xaml.cs b/PolyChat/MainPage.xaml.cs
index f5a238e..b669e8e 100644
--- a/PolyChat/MainPage.xaml.cs
+++ b/PolyChat/MainPage.xaml.cs
@@ -81,6 +81,7 @@ namespace PolyChat
 
         public async void OnOpenNewChatDialog(object sender = null, RoutedEventArgs e = null)
         {
+            // test
             /*
             OnIncomingMessage(
                 "1.1.1.1",