More UI tweaks

Author: Sergio0694

samples/MvvmSampleUwp/Views/MessengerSendPage.xaml

@@ -30,8 +30,9 @@
                         <!--  Sender module  -->
                         <Border
                             Padding="8"
-                            BorderBrush="#40FFFFFF"
-                            BorderThickness="2"
+                            Background="{ThemeResource SubtleFillColorTertiaryBrush}"
+                            BorderBrush="{ThemeResource SystemChromeBlackLowColor}"
+                            BorderThickness="1"
                             CornerRadius="4">
                             <StackPanel Spacing="8">
                                 <TextBlock Text="{x:Bind ViewModel.SenderViewModel.Username, Mode=OneWay}" />
@@ -42,8 +43,9 @@
                         <!--  Receiver module  -->
                         <Border
                             Padding="8"
-                            BorderBrush="#40FFFFFF"
-                            BorderThickness="2"
+                            Background="{ThemeResource SubtleFillColorTertiaryBrush}"
+                            BorderBrush="{ThemeResource SystemChromeBlackLowColor}"
+                            BorderThickness="1"
                             CornerRadius="4">
                             <StackPanel Spacing="8">
                                 <TextBlock Text="{x:Bind ViewModel.ReceiverViewModel.Username, Mode=OneWay}" />
@@ -55,7 +57,7 @@
 &lt;StackPanel Spacing=&quot;8&quot;&gt;
 
     &lt;!--Sender module--&gt;
-    &lt;Border BorderBrush=&quot;#40FFFFFF&quot; BorderThickness=&quot;2&quot; CornerRadius=&quot;4&quot; Padding=&quot;8&quot;&gt;
+    &lt;Border BorderBrush=&quot;{ThemeResource SystemChromeBlackLowColor}&quot; BorderThickness=&quot;1&quot; CornerRadius=&quot;4&quot; Padding=&quot;8&quot;&gt;
         &lt;StackPanel Spacing=&quot;8&quot;&gt;
             &lt;TextBlock Text=&quot;{x:Bind ViewModel.SenderViewModel.Username, Mode=OneWay}&quot;/&gt;
             &lt;Button
@@ -65,7 +67,7 @@
     &lt;/Border&gt;
 
     &lt;!--Receiver module--&gt;
-    &lt;Border BorderBrush=&quot;#40FFFFFF&quot; BorderThickness=&quot;2&quot; CornerRadius=&quot;4&quot; Padding=&quot;8&quot;&gt;
+    &lt;Border BorderBrush=&quot;{ThemeResource SystemChromeBlackLowColor}&quot; BorderThickness=&quot;1&quot; CornerRadius=&quot;4&quot; Padding=&quot;8&quot;&gt;
         &lt;StackPanel Spacing=&quot;8&quot;&gt;
             &lt;TextBlock Text=&quot;{x:Bind ViewModel.ReceiverViewModel.Username, Mode=OneWay}&quot;/&gt;
         &lt;/StackPanel&gt;

samples/MvvmSampleUwp/Views/Widgets/PostWidget.xaml

@@ -15,7 +15,11 @@
     </UserControl.DataContext>
 
     <!--  Post  -->
-    <Grid BorderBrush="{ThemeResource SystemControlBackgroundBaseLowBrush}" BorderThickness="1">
+    <Grid
+        Background="{ThemeResource SubtleFillColorTertiaryBrush}"
+        BorderBrush="{ThemeResource SystemChromeBlackLowColor}"
+        BorderThickness="1"
+        CornerRadius="4">
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
@@ -35,7 +39,7 @@
         <Grid
             Grid.Row="0"
             Padding="16"
-            Background="{ThemeResource SystemControlAltMediumLowAcrylicElementMediumBrush}"
+            Background="{ThemeResource SystemControlAcrylicElementBrush}"
             ColumnSpacing="8">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="*" />
@@ -49,7 +53,7 @@
                 TextWrapping="WrapWholeWords" />
             <controls:ImageEx
                 Grid.Column="1"
-                Width="160"
+                Height="52"
                 HorizontalAlignment="Right"
                 Source="{x:Bind ViewModel.Post.Thumbnail, Mode=OneWay}"
                 Stretch="Uniform" />

samples/MvvmSampleUwp/Views/Widgets/SubredditWidget.xaml

@@ -19,15 +19,19 @@
     </UserControl.DataContext>
 
     <!--  Feed  -->
-    <Grid BorderBrush="{ThemeResource SystemControlBackgroundBaseLowBrush}" BorderThickness="1">
+    <Grid
+        Background="{ThemeResource SubtleFillColorTertiaryBrush}"
+        BorderBrush="{ThemeResource SystemChromeBlackLowColor}"
+        BorderThickness="1"
+        CornerRadius="4">
         <Grid.RowDefinitions>
             <RowDefinition Height="60" />
             <RowDefinition Height="8" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
         <!--  Header with topic selector and refresh button  -->
-        <Border Padding="12" Background="{ThemeResource SystemControlAltMediumLowAcrylicElementMediumBrush}">
+        <Border Padding="12" Background="{ThemeResource SystemControlAcrylicElementBrush}">
             <StackPanel Orientation="Horizontal" Spacing="16">
                 <ComboBox
                     MinWidth="240"
@@ -52,13 +56,6 @@
             ItemsSource="{x:Bind ViewModel.Posts}"
             ScrollViewer.CanContentRenderOutsideBounds="True"
             SelectedItem="{x:Bind ViewModel.SelectedPost, Mode=TwoWay}">
-            <ListView.ItemContainerStyle>
-                <Style TargetType="ListViewItem">
-                    <Setter Property="Background" Value="#30808080" />
-                    <Setter Property="Margin" Value="0,2,0,2" />
-                    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
-                </Style>
-            </ListView.ItemContainerStyle>
             <ListView.ItemTemplate>
                 <DataTemplate x:DataType="models:Post">
                     <Grid Padding="16" ColumnSpacing="8">
@@ -74,8 +71,9 @@
                             TextWrapping="WrapWholeWords" />
                         <controls:ImageEx
                             Grid.Column="1"
-                            Width="120"
+                            Height="52"
                             HorizontalAlignment="Right"
+                            CornerRadius="4"
                             Source="{x:Bind Thumbnail}"
                             Stretch="Uniform" />
                     </Grid>