#120 ui improvements & style unification

Author: ibetitsmike

App/Views/DirectoryPickerWindow.xaml

@@ -13,7 +13,7 @@
     MinWidth="400" MinHeight="600">
 
     <Window.SystemBackdrop>
-        <DesktopAcrylicBackdrop />
+        <MicaBackdrop/>
     </Window.SystemBackdrop>
 
     <Frame x:Name="RootFrame" />

App/Views/DirectoryPickerWindow.xaml.cs

@@ -19,8 +19,6 @@ public DirectoryPickerWindow(DirectoryPickerViewModel viewModel)
         InitializeComponent();
         TitleBarIcon.SetTitlebarIcon(this);
 
-        SystemBackdrop = new DesktopAcrylicBackdrop();
-
         viewModel.Initialize(this, DispatcherQueue);
         RootFrame.Content = new DirectoryPickerMainPage(viewModel);
 

App/Views/FileSyncListWindow.xaml

@@ -13,7 +13,7 @@
     MinWidth="1000" MinHeight="300">
 
     <Window.SystemBackdrop>
-        <DesktopAcrylicBackdrop />
+        <MicaBackdrop/>
     </Window.SystemBackdrop>
 
     <Frame x:Name="RootFrame" />

App/Views/FileSyncListWindow.xaml.cs

@@ -16,8 +16,6 @@ public FileSyncListWindow(FileSyncListViewModel viewModel)
         InitializeComponent();
         TitleBarIcon.SetTitlebarIcon(this);
 
-        SystemBackdrop = new DesktopAcrylicBackdrop();
-
         ViewModel.Initialize(this, DispatcherQueue);
         RootFrame.Content = new FileSyncListMainPage(ViewModel);
 

App/Views/Pages/DirectoryPickerMainPage.xaml

@@ -9,8 +9,7 @@
     xmlns:converters="using:Coder.Desktop.App.Converters"
     xmlns:toolkit="using:CommunityToolkit.WinUI.Controls"
     xmlns:viewmodels="using:Coder.Desktop.App.ViewModels"
-    mc:Ignorable="d"
-    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+    mc:Ignorable="d">
 
     <Grid>
         <Grid

App/Views/Pages/FileSyncListMainPage.xaml

@@ -8,8 +8,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:viewmodels="using:Coder.Desktop.App.ViewModels"
     xmlns:converters="using:Coder.Desktop.App.Converters"
-    mc:Ignorable="d"
-    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+    mc:Ignorable="d">
 
     <Grid>
         <Grid

App/Views/Pages/SettingsMainPage.xaml

@@ -11,8 +11,8 @@
     xmlns:ui="using:CommunityToolkit.WinUI"
     xmlns:win="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:controls="using:CommunityToolkit.WinUI.Controls"
-    mc:Ignorable="d"
-    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+    mc:Ignorable="d">
+
     <Page.Resources>
         <!--  Spacing between cards  -->
         <x:Double x:Key="SettingsCardSpacing">4</x:Double>

App/Views/Pages/SignInTokenPage.xaml

@@ -6,8 +6,7 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    mc:Ignorable="d"
-    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+    mc:Ignorable="d">
 
     <StackPanel
         Orientation="Vertical"

App/Views/Pages/SignInUrlPage.xaml

@@ -6,8 +6,7 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    mc:Ignorable="d"
-    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+    mc:Ignorable="d">
 
     <StackPanel
         Orientation="Vertical"

App/Views/Pages/TrayWindowMainPage.xaml

@@ -267,13 +267,18 @@
                                     <DataTemplate x:DataType="viewModels:AgentAppViewModel">
                                         <HyperlinkButton
                                             x:Name="AppButton"
-                                            Padding="6"
-                                            Margin="0"
+                                            Padding="4"
+                                            Margin="2"
                                             Command="{x:Bind OpenAppCommand}"
                                             CommandParameter="{Binding ElementName=AppButton}"
                                             Width="34"
                                             Height="34"
+                                            
                                             ToolTipService.ToolTip="{x:Bind Details}">
+                                            <HyperlinkButton.Resources>
+                                                <SolidColorBrush x:Key="HyperlinkButtonBackground" Color="#1F000000"/>
+                                                <SolidColorBrush x:Key="HyperlinkButtonBackgroundPointerOver" Color="{ThemeResource SystemAccentColorDark1}" />
+                                            </HyperlinkButton.Resources>
 
                                             <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                                                 <Image

App/Views/SettingsWindow.xaml

@@ -13,7 +13,7 @@
     MinWidth="600" MinHeight="350">
 
     <Window.SystemBackdrop>
-        <DesktopAcrylicBackdrop />
+        <MicaBackdrop/>
     </Window.SystemBackdrop>
 
     <Frame x:Name="RootFrame" />

App/Views/SettingsWindow.xaml.cs

@@ -16,8 +16,6 @@ public SettingsWindow(SettingsViewModel viewModel)
         InitializeComponent();
         TitleBarIcon.SetTitlebarIcon(this);
 
-        SystemBackdrop = new DesktopAcrylicBackdrop();
-
         RootFrame.Content = new SettingsMainPage(ViewModel);
 
         this.CenterOnScreen();

App/Views/SignInWindow.xaml

@@ -11,7 +11,7 @@
     Title="Sign in to Coder">
 
     <Window.SystemBackdrop>
-        <DesktopAcrylicBackdrop />
+        <MicaBackdrop/>
     </Window.SystemBackdrop>
 
     <controls:SizedFrame x:Name="RootFrame" />

App/Views/SignInWindow.xaml.cs

@@ -24,7 +24,6 @@ public SignInWindow(SignInViewModel viewModel)
     {
         InitializeComponent();
         TitleBarIcon.SetTitlebarIcon(this);
-        SystemBackdrop = new DesktopAcrylicBackdrop();
         RootFrame.SizeChanged += RootFrame_SizeChanged;
 
         _signInUrlPage = new SignInUrlPage(this, viewModel);

App/Views/TrayWindow.xaml.cs

@@ -4,7 +4,10 @@
 using Coder.Desktop.App.Utils;
 using Coder.Desktop.App.Views.Pages;
 using CommunityToolkit.Mvvm.Input;
+using Microsoft.Extensions.Configuration;
 using Microsoft.UI;
+using Microsoft.UI.Composition;
+using Microsoft.UI.Composition.SystemBackdrops;
 using Microsoft.UI.Input;
 using Microsoft.UI.Windowing;
 using Microsoft.UI.Xaml;
@@ -17,6 +20,7 @@
 using Windows.Graphics;
 using Windows.System;
 using Windows.UI.Core;
+using WinRT;
 using WinRT.Interop;
 using WindowActivatedEventArgs = Microsoft.UI.Xaml.WindowActivatedEventArgs;
 
@@ -60,7 +64,6 @@ public TrayWindow(IRpcController rpcController, ICredentialManager credentialMan
 
         InitializeComponent();
         AppWindow.Hide();
-        SystemBackdrop = new DesktopAcrylicBackdrop();
         Activated += Window_Activated;
         RootFrame.SizeChanged += RootFrame_SizeChanged;
 
@@ -118,7 +121,6 @@ public TrayWindow(IRpcController rpcController, ICredentialManager credentialMan
         };
     }
 
-
     private void SetPageByState(RpcModel rpcModel, CredentialModel credentialModel,
         SyncSessionControllerStateModel syncSessionModel)
     {