From 10adc77f9eed6844a199dedae617a49e4cb9f6da Mon Sep 17 00:00:00 2001
From: genteure <genteure@gmail.com>
Date: Sat, 16 Apr 2022 01:54:43 +0800
Subject: [PATCH] WPF: Add light/dark theme swtich

---
 BililiveRecorder.WPF/Pages/RootPage.xaml      | 43 +++++++++++--------
 BililiveRecorder.WPF/Pages/RootPage.xaml.cs   | 17 ++++++++
 .../Resources/IconResources.xaml              |  3 ++
 3 files changed, 46 insertions(+), 17 deletions(-)

diff --git a/BililiveRecorder.WPF/Pages/RootPage.xaml b/BililiveRecorder.WPF/Pages/RootPage.xaml
index 53c3c37..8e3b3ee 100644
--- a/BililiveRecorder.WPF/Pages/RootPage.xaml
+++ b/BililiveRecorder.WPF/Pages/RootPage.xaml
@@ -55,24 +55,33 @@
                            IsPaneOpen="False" OpenPaneLength="200" 
                            SelectionChanged="NavigationView_SelectionChanged">
             <ui:NavigationView.PaneCustomContent>
-                <Menu>
-                    <MenuItem>
-                        <MenuItem.Header>
-                            <ui:PathIcon Width="16" Height="16" Style="{StaticResource PathIconDataTranslate}"/>
-                        </MenuItem.Header>
-                        <MenuItem Header="简体中文" CommandParameter="" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
-                        <MenuItem Header="繁體中文" CommandParameter="zh-Hant" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
-                        <MenuItem Header="日本語" CommandParameter="ja" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
-                        <MenuItem Header="English" CommandParameter="en" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
-                        <MenuItem Header="喵ニャーMeow🐱🐈" CommandParameter="en-PN" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
-                        <Separator/>
-                        <MenuItem Header="参与翻译" Command="{x:Static m:Commands.OpenLink}" CommandParameter="https://rec.danmuji.org/link/translate/">
-                            <MenuItem.Icon>
-                                <ui:PathIcon Style="{StaticResource PathIconDataOpenInNew}"/>
-                            </MenuItem.Icon>
+                <StackPanel>
+                    <Menu>
+                        <MenuItem>
+                            <MenuItem.Header>
+                                <ui:PathIcon Width="16" Height="16" Style="{StaticResource PathIconDataTranslate}"/>
+                            </MenuItem.Header>
+                            <MenuItem Header="简体中文" CommandParameter="" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
+                            <MenuItem Header="繁體中文" CommandParameter="zh-Hant" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
+                            <MenuItem Header="日本語" CommandParameter="ja" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
+                            <MenuItem Header="English" CommandParameter="en" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
+                            <MenuItem Header="喵ニャーMeow🐱🐈" CommandParameter="en-PN" Command="{Binding Source={x:Static l:LocalizeDictionary.Instance}, Path=SetCultureCommand}"/>
+                            <Separator/>
+                            <MenuItem Header="参与翻译" Command="{x:Static m:Commands.OpenLink}" CommandParameter="https://rec.danmuji.org/link/translate/">
+                                <MenuItem.Icon>
+                                    <ui:PathIcon Style="{StaticResource PathIconDataOpenInNew}"/>
+                                </MenuItem.Icon>
+                            </MenuItem>
                         </MenuItem>
-                    </MenuItem>
-                </Menu>
+                    </Menu>
+                    <Menu>
+                        <MenuItem Click="SwitchLightDarkTheme_Click">
+                            <MenuItem.Header>
+                                <ui:PathIcon Width="16" Height="16" Style="{StaticResource PathIconDataThemeLightDark}"/>
+                            </MenuItem.Header>
+                        </MenuItem>
+                    </Menu>
+                </StackPanel>
             </ui:NavigationView.PaneCustomContent>
             <ui:NavigationView.PaneFooter>
                 <Grid Width="40" Height="40" x:Name="DebugBuildIcon" Visibility="Collapsed" HorizontalAlignment="Left">
diff --git a/BililiveRecorder.WPF/Pages/RootPage.xaml.cs b/BililiveRecorder.WPF/Pages/RootPage.xaml.cs
index d0a5158..ab35fd9 100644
--- a/BililiveRecorder.WPF/Pages/RootPage.xaml.cs
+++ b/BililiveRecorder.WPF/Pages/RootPage.xaml.cs
@@ -13,6 +13,7 @@ using BililiveRecorder.DependencyInjection;
 using BililiveRecorder.WPF.Controls;
 using BililiveRecorder.WPF.Models;
 using Microsoft.Extensions.DependencyInjection;
+using ModernWpf;
 using ModernWpf.Controls;
 using ModernWpf.Media.Animation;
 using Serilog;
@@ -338,5 +339,21 @@ You can uninstall me in system settings.", "安装成功 Installed", MessageBoxB
             {
             }
         }
+
+        private void SwitchLightDarkTheme_Click(object sender, RoutedEventArgs e)
+        {
+            if (this.Dispatcher.CheckAccess())
+                changeTheme();
+            else
+                _ = this.Dispatcher.BeginInvoke(changeTheme);
+
+            static void changeTheme()
+            {
+                ThemeManager.Current.ApplicationTheme =
+                    ThemeManager.Current.ActualApplicationTheme == ApplicationTheme.Dark
+                    ? ApplicationTheme.Light
+                    : ApplicationTheme.Dark;
+            };
+        }
     }
 }
diff --git a/BililiveRecorder.WPF/Resources/IconResources.xaml b/BililiveRecorder.WPF/Resources/IconResources.xaml
index 9fff6ef..6197c78 100644
--- a/BililiveRecorder.WPF/Resources/IconResources.xaml
+++ b/BililiveRecorder.WPF/Resources/IconResources.xaml
@@ -97,6 +97,9 @@
     <Style TargetType="ui:PathIcon" x:Key="PathIconDataMerge">
         <Setter Property="Data" Value="M8 17L12 13H15.2C15.6 14.2 16.7 15 18 15C19.7 15 21 13.7 21 12S19.7 9 18 9C16.7 9 15.6 9.8 15.2 11H12L8 7V3H3V8H6L10.2 12L6 16H3V21H8V17Z"/>
     </Style>
+    <Style TargetType="ui:PathIcon" x:Key="PathIconDataThemeLightDark">
+        <Setter Property="Data" Value="M7.5,2C5.71,3.15 4.5,5.18 4.5,7.5C4.5,9.82 5.71,11.85 7.53,13C4.46,13 2,10.54 2,7.5A5.5,5.5 0 0,1 7.5,2M19.07,3.5L20.5,4.93L4.93,20.5L3.5,19.07L19.07,3.5M12.89,5.93L11.41,5L9.97,6L10.39,4.3L9,3.24L10.75,3.12L11.33,1.47L12,3.1L13.73,3.13L12.38,4.26L12.89,5.93M9.59,9.54L8.43,8.81L7.31,9.59L7.65,8.27L6.56,7.44L7.92,7.35L8.37,6.06L8.88,7.33L10.24,7.36L9.19,8.23L9.59,9.54M19,13.5A5.5,5.5 0 0,1 13.5,19C12.28,19 11.15,18.6 10.24,17.93L17.93,10.24C18.6,11.15 19,12.28 19,13.5M14.6,20.08L17.37,18.93L17.13,22.28L14.6,20.08M18.93,17.38L20.08,14.61L22.28,17.15L18.93,17.38M20.08,12.42L18.94,9.64L22.28,9.88L20.08,12.42M9.63,18.93L12.4,20.08L9.87,22.27L9.63,18.93Z"/>
+    </Style>
     <Style TargetType="ui:PathIcon" x:Key="PathIconData">
         <Setter Property="Data" Value=""/>
     </Style>