From 6de96bbf609ede3e40923711ee92cf4eb0c32745 Mon Sep 17 00:00:00 2001
From: 1011025m <37438176+1011025m@users.noreply.github.com>
Date: Thu, 11 May 2023 00:56:13 +0800
Subject: [PATCH] Embedding SVG data into dialog and make it theme-aware

---
 Bloxstrap/Bloxstrap.csproj                    |   2 --
 Bloxstrap/Dialogs/HyperionDialog.xaml         |  34 +++++++++++-------
 Bloxstrap/Dialogs/HyperionDialog.xaml.cs      |  11 ++++++
 Bloxstrap/Resources/CancelButtonSmall.png     | Bin 2663 -> 0 bytes
 Bloxstrap/Resources/WordmarkRoblox.png        | Bin 6104 -> 0 bytes
 .../ViewModels/HyperionDialogViewModel.cs     |   9 ++++-
 6 files changed, 40 insertions(+), 16 deletions(-)
 delete mode 100644 Bloxstrap/Resources/CancelButtonSmall.png
 delete mode 100644 Bloxstrap/Resources/WordmarkRoblox.png

diff --git a/Bloxstrap/Bloxstrap.csproj b/Bloxstrap/Bloxstrap.csproj
index 16faf36..05de60f 100644
--- a/Bloxstrap/Bloxstrap.csproj
+++ b/Bloxstrap/Bloxstrap.csproj
@@ -14,8 +14,6 @@
 
   <ItemGroup>
     <Resource Include="Bloxstrap.ico" />
-	<Resource Include="Resources\CancelButtonSmall.png" />
-	<Resource Include="Resources\WordmarkRoblox.png" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/Bloxstrap/Dialogs/HyperionDialog.xaml b/Bloxstrap/Dialogs/HyperionDialog.xaml
index 41b86c1..f0677e1 100644
--- a/Bloxstrap/Dialogs/HyperionDialog.xaml
+++ b/Bloxstrap/Dialogs/HyperionDialog.xaml
@@ -12,25 +12,33 @@
         WindowStartupLocation="CenterScreen"
         AllowsTransparency="True"
         Background="Transparent">
-    <Border 
-        CornerRadius="10"
-        Background="Black">
-        <Grid>
-            <Button Margin="12,12,12,12" VerticalAlignment="Top" HorizontalAlignment="Right" Width="20" Height="20" BorderThickness="0" Padding="0" Background="Transparent" BorderBrush="Transparent" Visibility="{Binding CancelButtonVisibility, Mode=OneWay}" Command="{Binding CancelInstallCommand}">
-                <Image Source="/Resources/CancelButtonSmall.png"/>
-            </Button>
-            <Border Margin="12,12,36,12" VerticalAlignment="Top" Height="20">
-                <TextBlock VerticalAlignment="Center" TextAlignment="Left" Foreground="#FFD8D8D8" FontSize="12" FontWeight="Bold" Text="{Binding Version}" />
-            </Border>
-            <Image Width="300" Height="60" Source="/Resources/WordmarkRoblox.png"/>
+    <Border CornerRadius="10" BorderBrush="#33393B3D" BorderThickness="{Binding DialogBorder}">
+        <Border CornerRadius="10" Background="{Binding Background}">
+            <Grid>
+                <Button Margin="12,12,12,12" VerticalAlignment="Top" HorizontalAlignment="Right" Width="20" Height="20" BorderThickness="0" Padding="0" Background="Transparent" BorderBrush="Transparent" Visibility="{Binding CancelButtonVisibility, Mode=OneWay}" Command="{Binding CancelInstallCommand}">
+                    <Path Fill="{Binding IconColor}" Stretch="Fill">
+                        <Path.Data>
+                            <PathGeometry Figures="m 6.7507011 2.1168752 c -1.0144874 0 -2.0291944 0.3884677 -2.8065471 1.1658203 -1.5547052 1.5547053 -1.5547052 4.0583888 10e-8 5.6130941 L 28.499761 33.45088 3.9441541 58.006487 c -1.5547058 1.554706 -1.5547051 4.057873 0 5.612578 1.554705 1.554705 4.0583891 1.554705 5.6130942 0 l 24.5550907 -24.55509 24.555607 24.55509 c 1.554705 1.554705 4.057871 1.554705 5.612577 0 1.554705 -1.554706 1.554705 -4.057872 0 -5.612577 L 39.725433 33.450881 64.280523 8.89579 c 1.554706 -1.5547058 1.554705 -4.0583892 0 -5.6130942 -1.554705 -1.5547051 -4.057872 -1.5547058 -5.612578 -7e-7 L 34.112338 27.838303 9.5572482 3.2826955 C 8.7798955 2.5053428 7.7651883 2.1168752 6.7507011 2.1168752 Z" FillRule="NonZero"/>
+                        </Path.Data>
+                    </Path>
+                </Button>
+                <Grid Margin="12,12,36,12" VerticalAlignment="Top" Height="20">
+                    <TextBlock VerticalAlignment="Center" TextAlignment="Left" Foreground="{Binding Foreground}" FontSize="12" FontWeight="Bold" Text="{Binding Version}" />
+                </Grid>
+            <Path Fill="{Binding IconColor}" Width="300" Height="56" Stretch="Fill">
+                <Path.Data>
+                    <PathGeometry Figures="M38.5796 38.4043L47.7906 55.2626H30.6999L22.9226 40.8556H15.5546V55.2626H0V4.19308H28.4486C40.2169 4.19308 47.6883 10.7246 47.6883 22.4706C47.6883 30.0289 44.209 35.4433 38.5796 38.4043ZM15.5546 17.4658V27.5775H26.6066C29.8813 27.5775 31.9279 25.6369 31.9279 22.4706C31.9279 19.3043 29.8813 17.4658 26.6066 17.4658H15.5546ZM97.2175 59.0374L50.656 46.4743L63.1406 0L86.4214 6.28155L109.702 12.5631L97.2175 59.0374ZM88.4169 24.8198L75.4206 21.2449L71.9413 34.2166L84.9376 37.7925L88.4169 24.8198ZM163.019 40.8556C163.019 50.661 156.777 55.2626 147.055 55.2626H116.56V4.19308H146.032C155.753 4.19308 161.995 9.19789 161.995 17.9818C161.995 23.4973 159.949 27.1754 156.06 29.7289C160.461 31.6631 163.019 35.5455 163.019 40.8556ZM131.705 16.4498V24.008H141.83C144.593 24.008 146.231 22.7824 146.231 20.1268C146.231 17.6754 144.593 16.4498 141.83 16.4498H131.705ZM131.705 43.0059H143.064C145.725 43.0059 147.265 41.576 147.265 39.1235C147.265 36.469 145.73 35.2433 143.064 35.2433H131.705V43.0059ZM170.694 4.19308H186.246V40.1417H208.555V55.2626H170.692L170.694 4.19308ZM265.762 29.7289C265.762 34.9812 264.202 40.1156 261.278 44.4827C258.355 48.8498 254.199 52.2536 249.338 54.2636C244.476 56.2736 239.126 56.7995 233.965 55.7748C228.804 54.7501 224.063 52.2209 220.342 48.5069C216.621 44.793 214.087 40.0611 213.06 34.9098C212.034 29.7584 212.561 24.4188 214.574 19.5663C216.588 14.7138 219.998 10.5663 224.374 7.64828C228.749 4.73025 233.893 3.17276 239.156 3.17276C242.651 3.16582 246.114 3.8478 249.345 5.17958C252.575 6.51135 255.511 8.46672 257.983 10.9335C260.455 13.4003 262.415 16.3299 263.75 19.5544C265.085 22.7788 265.769 26.2346 265.762 29.7235V29.7289ZM250.208 29.7289C250.208 23.3952 245.193 18.3904 239.156 18.3904C233.118 18.3904 228.103 23.3952 228.103 29.7289C228.103 36.0626 233.118 41.0663 239.156 41.0663C245.193 41.0663 250.208 36.0551 250.208 29.7235V29.7289ZM303.216 28.9107L320 55.2626H301.472L292.267 40.2428L282.75 55.2626H263.92L281.419 29.5225L265.353 4.19308H283.875L292.369 17.9818L300.556 4.19308H318.976L303.216 28.9107Z" FillRule="NonZero"/>
+                </Path.Data>
+            </Path>
             <Grid Margin="0,0,0,30" VerticalAlignment="Bottom">
                 <Grid.RowDefinitions>
                     <RowDefinition/>
                     <RowDefinition/>
                 </Grid.RowDefinitions>
-                <TextBlock Margin="0,0,0,24" TextAlignment="Center" Grid.Row="0" FontSize="16" Text="{Binding Message}" Foreground="#FFD8D8D8" FontFamily="Source Sans Pro" FontWeight="SemiBold" />
-                <ProgressBar Grid.Row="1" Width="480" Height="12" Foreground="#FFECECEC" Background="#FF565656" BorderThickness="0" IsIndeterminate="{Binding ProgressIndeterminate}" Value="{Binding ProgressValue}"></ProgressBar>
+                    <TextBlock Margin="0,0,0,24" TextAlignment="Center" Grid.Row="0" FontSize="16" Text="{Binding Message}" Foreground="{Binding Foreground}" FontFamily="Source Sans Pro" FontWeight="SemiBold" />
+                <ProgressBar Grid.Row="1" Width="480" Height="12" Foreground="{Binding Foreground}" Background="{Binding ProgressBarBackground}" BorderThickness="0" IsIndeterminate="{Binding ProgressIndeterminate}" Value="{Binding ProgressValue}"></ProgressBar>
             </Grid>
         </Grid>
+        </Border>
     </Border>
 </Window>
\ No newline at end of file
diff --git a/Bloxstrap/Dialogs/HyperionDialog.xaml.cs b/Bloxstrap/Dialogs/HyperionDialog.xaml.cs
index a8514fc..feee352 100644
--- a/Bloxstrap/Dialogs/HyperionDialog.xaml.cs
+++ b/Bloxstrap/Dialogs/HyperionDialog.xaml.cs
@@ -1,6 +1,7 @@
 using System;
 using System.Windows;
 using System.Windows.Forms;
+using System.Windows.Media;
 
 using Bloxstrap.Enums;
 using Bloxstrap.Extensions;
@@ -62,7 +63,17 @@ namespace Bloxstrap.Dialogs
         public HyperionDialog()
         {
             _viewModel = new HyperionDialogViewModel(this);
+            if (App.Settings.Prop.Theme.GetFinal() == Theme.Light)
+            {
+                // Matching the roblox website light theme as close as possible.
+                _viewModel.DialogBorder = new Thickness(1);
+                _viewModel.Background = new SolidColorBrush(Color.FromRgb(242, 244, 245));
+                _viewModel.Foreground = new SolidColorBrush(Color.FromRgb(57, 59, 61));
+                _viewModel.IconColor = new SolidColorBrush(Color.FromRgb(57, 59, 61));
+                _viewModel.ProgressBarBackground = new SolidColorBrush(Color.FromRgb(189, 190, 190));
+            }
             DataContext = _viewModel;
+
             InitializeComponent();
         }
 
diff --git a/Bloxstrap/Resources/CancelButtonSmall.png b/Bloxstrap/Resources/CancelButtonSmall.png
deleted file mode 100644
index 77e6a393d41fade2c9e02a5c48e80139c5f1cc62..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2663
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

diff --git a/Bloxstrap/Resources/WordmarkRoblox.png b/Bloxstrap/Resources/WordmarkRoblox.png
deleted file mode 100644
index b7a23c829ccbdde857bdd946dd6249722bd81c75..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6104
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

diff --git a/Bloxstrap/ViewModels/HyperionDialogViewModel.cs b/Bloxstrap/ViewModels/HyperionDialogViewModel.cs
index c8415f2..d052fe5 100644
--- a/Bloxstrap/ViewModels/HyperionDialogViewModel.cs
+++ b/Bloxstrap/ViewModels/HyperionDialogViewModel.cs
@@ -1,4 +1,6 @@
 using System.ComponentModel;
+using System.Windows;
+using System.Windows.Media;
 using Bloxstrap.Dialogs;
 
 namespace Bloxstrap.ViewModels
@@ -6,7 +8,12 @@ namespace Bloxstrap.ViewModels
     public class HyperionDialogViewModel : FluentDialogViewModel, INotifyPropertyChanged
     {
         public string Version => $"Bloxstrap v{App.Version}";
-
+        // Using dark theme for default values.
+        public Thickness DialogBorder { get; set; } = new Thickness(0);
+        public Brush Background { get; set; } = Brushes.Black;
+        public Brush Foreground { get; set; } = new SolidColorBrush(Color.FromRgb(216, 216, 216));
+        public Brush IconColor { get; set; } = new SolidColorBrush(Color.FromRgb(255, 255, 255));
+        public Brush ProgressBarBackground { get; set; } = new SolidColorBrush(Color.FromRgb(86, 86, 86));
         public HyperionDialogViewModel(IBootstrapperDialog dialog) : base(dialog)
         {
         }