diff --git a/PixivFSUWP/App.xaml b/PixivFSUWP/App.xaml
index 94b2831..d6b650d 100644
--- a/PixivFSUWP/App.xaml
+++ b/PixivFSUWP/App.xaml
@@ -5,11 +5,16 @@
     xmlns:viewmodels="using:PixivFSUWP.ViewModels"
     xmlns:local="using:PixivFSUWP"
     xmlns:converters="using:PixivFSUWP.Converters"
-    RequestedTheme="Light">
+    >
     <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.ThemeDictionaries>
+                <ResourceDictionary x:Key="Dark" Source="/Themes/Dark.xaml" />
+                <ResourceDictionary x:Key="Default" Source="/Themes/Light.xaml" />
+            </ResourceDictionary.ThemeDictionaries>
         <converters:MultiPageVisibilityConverter x:Name="MultiPageVisibilityConverter"/>
         <converters:BookmarkHeartVisibilityConverter x:Name="BookmarkHeartVisibilityConverter"/>
-        <AcrylicBrush x:Name="PageBackGround" BackgroundSource="HostBackdrop" TintColor="White" TintOpacity="0.5" FallbackColor="White"/>
+        <AcrylicBrush x:Name="PageBackGround" BackgroundSource="HostBackdrop" TintColor="{ThemeResource SystemAltHighColor}" TintOpacity="{ThemeResource PageBackGroundTintOpacity}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
         <ControlTemplate x:Name="ScrollViewerScrollBarlessTemplate" TargetType="ScrollViewer">
             <Grid Background="{TemplateBinding Background}">
                 <ScrollContentPresenter x:Name="ScrollContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Margin="{TemplateBinding Padding}"/>
@@ -25,7 +30,7 @@
                     <RowDefinition MaxHeight="50"/>
                 </Grid.RowDefinitions>
                 <Image Grid.RowSpan="2" Stretch="Uniform" Source="{Binding ImageSource}"/>
-                <Grid Grid.Row="1" Background="#88ffffff">
+                <Grid Grid.Row="1" Background="{ThemeResource SystemAltMediumColor}">
                     <Grid.RowDefinitions>
                         <RowDefinition/>
                         <RowDefinition/>
@@ -128,5 +133,6 @@
                 </Setter.Value>
             </Setter>
         </Style>
+        </ResourceDictionary>
     </Application.Resources>
 </Application>
diff --git a/PixivFSUWP/App.xaml.cs b/PixivFSUWP/App.xaml.cs
index 9fd8067..64954f0 100644
--- a/PixivFSUWP/App.xaml.cs
+++ b/PixivFSUWP/App.xaml.cs
@@ -34,6 +34,15 @@ public App()
             this.InitializeComponent();
             this.Suspending += OnSuspending;
             this.UnhandledException += App_UnhandledException;
+            switch (localSettings.Values["ColorTheme"])
+            {
+                case false:
+                    Current.RequestedTheme = ApplicationTheme.Light;
+                    break;
+                case true:
+                    Current.RequestedTheme = ApplicationTheme.Dark;
+                    break;
+            }
         }
 
         private void App_UnhandledException(object sender, Windows.UI.Xaml.UnhandledExceptionEventArgs e)
diff --git a/PixivFSUWP/Assets/PixivHeader_L.png b/PixivFSUWP/Assets/PixivHeader_L.png
new file mode 100644
index 0000000..ddc594f
Binary files /dev/null and b/PixivFSUWP/Assets/PixivHeader_L.png differ
diff --git a/PixivFSUWP/Assets/PixivText_L.png b/PixivFSUWP/Assets/PixivText_L.png
new file mode 100644
index 0000000..7ea227b
Binary files /dev/null and b/PixivFSUWP/Assets/PixivText_L.png differ
diff --git a/PixivFSUWP/Assets/Pixiv_Logo.svg b/PixivFSUWP/Assets/Pixiv_Logo.svg
new file mode 100644
index 0000000..23130c0
--- /dev/null
+++ b/PixivFSUWP/Assets/Pixiv_Logo.svg
@@ -0,0 +1,5 @@
+<svg width="180" height="70" viewBox="0 0 180 70" 
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M51.742 23.355c-4.64-4.026-11.134-6.35-18.683-6.35C13.382 17.006 0 32.09 0 32.09l3.77 5.945s2.088.174.983-3.328c.954-1.79 2.82-4.2 6.466-6.98v39.6c-1.572.44-3.65 1.268-2.234 2.675H19.82c1.43-1.42-.823-2.276-2.195-2.675v-9.342s7.427 2.896 15.434 2.896c7.034 0 13.435-2.08 18.196-5.835 4.76-3.733 7.83-9.308 7.81-15.68.014-6.257-2.682-12-7.324-16.01zM46 51.92c-3.292 3.228-8.08 5.27-13.602 5.266-6.162.003-11.348-1.182-14.773-2.857V24.62c3.758-2.653 9.852-4.287 14.773-4.277 5.98.005 10.674 2.25 13.85 5.654 3.168 3.426 4.898 7.977 4.914 13.267-.02 5.154-1.87 9.4-5.162 12.655zm22.65-34.914h-2.207c-.98 0-1.774.79-1.774 1.763v40.498c0 .973.793 1.763 1.773 1.763h2.206c.978 0 1.773-.788 1.773-1.762v-40.5c0-.972-.795-1.762-1.774-1.762zm57.66 0h-2.206c-.98 0-1.774.79-1.774 1.763v40.498c0 .973.793 1.763 1.774 1.763h2.206c.98 0 1.774-.788 1.774-1.762v-40.5c0-.972-.796-1.762-1.774-1.762zm51.872 0h-2.053c-1.614 0-2.06.207-2.785 1.654-.724 1.44-16.7 32.906-16.7 32.906s-15.98-31.466-16.7-32.906c-.728-1.447-1.173-1.654-2.786-1.654h-2.054c-1.51 0-2.326.667-1.475 2.366.854 1.7 20.53 40.088 20.53 40.088.517.972 1.463 1.57 2.486 1.57 1.02 0 1.965-.598 2.483-1.57.033-.07 19.676-38.39 20.525-40.088.85-1.7.038-2.366-1.473-2.366zM108.886 59.56c.834 1.054 1.432 1.47 3.044 1.47h3.308c2.082 0 1.35-.94.76-1.71-1.47-1.927-15.97-20.25-15.97-20.25s15.022-18.425 16.493-20.353c.59-.77 1.323-1.71-.76-1.71h-3.307c-1.613 0-2.212.415-3.045 1.472-.832 1.053-13.04 15.97-13.04 15.97S84.15 19.534 83.317 18.48c-.833-1.058-1.432-1.474-3.044-1.474h-3.308c-2.08 0-1.35.94-.76 1.71 1.47 1.93 16.503 20.355 16.503 20.355S77.77 57.394 76.3 59.32c-.59.77-1.322 1.71.76 1.71h3.308c1.613 0 2.21-.416 3.045-1.47.832-1.057 12.954-15.872 12.954-15.872l12.52 15.87zM67.54 0c-1.317 0-2.412.436-3.29 1.307-.875.87-1.314 1.96-1.314 3.268 0 1.306.44 2.396 1.315 3.267.878.87 1.973 1.307 3.29 1.307 1.314 0 2.41-.437 3.286-1.308.877-.87 1.316-1.96 1.316-3.267s-.44-2.397-1.316-3.268C69.95.437 68.854 0 67.54 0zm57.66 0c-1.314 0-2.41.436-3.285 1.307-.878.87-1.316 1.96-1.316 3.268 0 1.306.437 2.396 1.315 3.267.876.87 1.97 1.307 3.286 1.307 1.317 0 2.412-.437 3.29-1.308.875-.87 1.314-1.96 1.314-3.267s-.44-2.397-1.314-3.268C127.612.437 126.517 0 125.2 0z"
+    fill-rule="evenodd"/>
+</svg>
diff --git a/PixivFSUWP/BigImage.xaml b/PixivFSUWP/BigImage.xaml
index 12ee14e..8724bc2 100644
--- a/PixivFSUWP/BigImage.xaml
+++ b/PixivFSUWP/BigImage.xaml
@@ -57,7 +57,7 @@
         <Grid x:Name="grdTip" HorizontalAlignment="Center" Grid.RowSpan="3"
               VerticalAlignment="Bottom" Margin="20" Visibility="Collapsed" Opacity="0">
             <Grid.Background>
-                <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="White" FallbackColor="White"/>
+                <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
             </Grid.Background>
             <TextBlock x:Name="txtTip" Margin="10" VerticalAlignment="Center" HorizontalAlignment="Center"/>
         </Grid>
diff --git a/PixivFSUWP/Controls/Pixiv_Logo.xaml b/PixivFSUWP/Controls/Pixiv_Logo.xaml
new file mode 100644
index 0000000..8cd5f93
--- /dev/null
+++ b/PixivFSUWP/Controls/Pixiv_Logo.xaml
@@ -0,0 +1,13 @@
+<Path
+    x:Class="PixivFSUWP.Controls.Pixiv_Logo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:PixivFSUWP.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d"
+    d:DesignHeight="300"
+    d:DesignWidth="400"
+    Fill="{ThemeResource SystemBaseHighColor}"
+    Data="M51.742 23.355c-4.64-4.026-11.134-6.35-18.683-6.35C13.382 17.006 0 32.09 0 32.09l3.77 5.945s2.088.174.983-3.328c.954-1.79 2.82-4.2 6.466-6.98v39.6c-1.572.44-3.65 1.268-2.234 2.675H19.82c1.43-1.42-.823-2.276-2.195-2.675v-9.342s7.427 2.896 15.434 2.896c7.034 0 13.435-2.08 18.196-5.835 4.76-3.733 7.83-9.308 7.81-15.68.014-6.257-2.682-12-7.324-16.01zM46 51.92c-3.292 3.228-8.08 5.27-13.602 5.266-6.162.003-11.348-1.182-14.773-2.857V24.62c3.758-2.653 9.852-4.287 14.773-4.277 5.98.005 10.674 2.25 13.85 5.654 3.168 3.426 4.898 7.977 4.914 13.267-.02 5.154-1.87 9.4-5.162 12.655zm22.65-34.914h-2.207c-.98 0-1.774.79-1.774 1.763v40.498c0 .973.793 1.763 1.773 1.763h2.206c.978 0 1.773-.788 1.773-1.762v-40.5c0-.972-.795-1.762-1.774-1.762zm57.66 0h-2.206c-.98 0-1.774.79-1.774 1.763v40.498c0 .973.793 1.763 1.774 1.763h2.206c.98 0 1.774-.788 1.774-1.762v-40.5c0-.972-.796-1.762-1.774-1.762zm51.872 0h-2.053c-1.614 0-2.06.207-2.785 1.654-.724 1.44-16.7 32.906-16.7 32.906s-15.98-31.466-16.7-32.906c-.728-1.447-1.173-1.654-2.786-1.654h-2.054c-1.51 0-2.326.667-1.475 2.366.854 1.7 20.53 40.088 20.53 40.088.517.972 1.463 1.57 2.486 1.57 1.02 0 1.965-.598 2.483-1.57.033-.07 19.676-38.39 20.525-40.088.85-1.7.038-2.366-1.473-2.366zM108.886 59.56c.834 1.054 1.432 1.47 3.044 1.47h3.308c2.082 0 1.35-.94.76-1.71-1.47-1.927-15.97-20.25-15.97-20.25s15.022-18.425 16.493-20.353c.59-.77 1.323-1.71-.76-1.71h-3.307c-1.613 0-2.212.415-3.045 1.472-.832 1.053-13.04 15.97-13.04 15.97S84.15 19.534 83.317 18.48c-.833-1.058-1.432-1.474-3.044-1.474h-3.308c-2.08 0-1.35.94-.76 1.71 1.47 1.93 16.503 20.355 16.503 20.355S77.77 57.394 76.3 59.32c-.59.77-1.322 1.71.76 1.71h3.308c1.613 0 2.21-.416 3.045-1.47.832-1.057 12.954-15.872 12.954-15.872l12.52 15.87zM67.54 0c-1.317 0-2.412.436-3.29 1.307-.875.87-1.314 1.96-1.314 3.268 0 1.306.44 2.396 1.315 3.267.878.87 1.973 1.307 3.29 1.307 1.314 0 2.41-.437 3.286-1.308.877-.87 1.316-1.96 1.316-3.267s-.44-2.397-1.316-3.268C69.95.437 68.854 0 67.54 0zm57.66 0c-1.314 0-2.41.436-3.285 1.307-.878.87-1.316 1.96-1.316 3.268 0 1.306.437 2.396 1.315 3.267.876.87 1.97 1.307 3.286 1.307 1.317 0 2.412-.437 3.29-1.308.875-.87 1.314-1.96 1.314-3.267s-.44-2.397-1.314-3.268C127.612.437 126.517 0 125.2 0z"
+/>
diff --git a/PixivFSUWP/Controls/Pixiv_Logo.xaml.cs b/PixivFSUWP/Controls/Pixiv_Logo.xaml.cs
new file mode 100644
index 0000000..bb545d5
--- /dev/null
+++ b/PixivFSUWP/Controls/Pixiv_Logo.xaml.cs
@@ -0,0 +1,27 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+//https://go.microsoft.com/fwlink/?LinkId=234236 上介绍了“用户控件”项模板
+
+namespace PixivFSUWP.Controls
+{
+    public sealed partial class Pixiv_Logo
+    {
+        public Pixiv_Logo()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
diff --git a/PixivFSUWP/IllustDetailPage.xaml b/PixivFSUWP/IllustDetailPage.xaml
index ab646b2..714be5d 100644
--- a/PixivFSUWP/IllustDetailPage.xaml
+++ b/PixivFSUWP/IllustDetailPage.xaml
@@ -54,7 +54,7 @@
             </ListView>
             <StackPanel x:Name="stkAuthor" Margin="15,15,15,0" Height="70" Orientation="Horizontal">
                 <Button Style="{StaticResource ButtonRevealStyle}" 
-                        BorderThickness="1.5" Background="#99F3F3F3" 
+                        BorderThickness="1.5" Background="{ThemeResource SystemChromeLowColor}" 
                         VerticalAlignment="Stretch" Click="Button_Click">
                     <Grid>
                         <Grid.ColumnDefinitions>
@@ -71,11 +71,11 @@
                             </Ellipse.Fill>
                         </Ellipse>
                         <TextBlock x:Name="txtAuthor" Margin="10,0" Grid.Column="1" FontSize="16" FontWeight="Bold" VerticalAlignment="Bottom"/>
-                        <TextBlock x:Name="txtAuthorAccount" Margin="10,0" Grid.Row="1" Grid.Column="1" FontSize="14" Foreground="Gray" VerticalAlignment="Top"/>
+                        <TextBlock x:Name="txtAuthorAccount" Margin="10,0" Grid.Row="1" Grid.Column="1" FontSize="14" Foreground="{ThemeResource SystemBaseMediumColor}" VerticalAlignment="Top"/>
                     </Grid>
                 </Button>
                 <Button Style="{StaticResource ButtonRevealStyle}" x:Name="btnPlay" Click="BtnPlay_Click"
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70" Visibility="Collapsed">
                     <StackPanel Margin="5">
                         <FontIcon x:Name="iconPlay" FontFamily="{StaticResource SymbolThemeFontFamily}"
@@ -84,7 +84,7 @@
                     </StackPanel>
                 </Button>
                 <Button Style="{StaticResource ButtonRevealStyle}" x:Name="btnSaveGif" Click="BtnSaveGif_Click"
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70" Visibility="Collapsed">
                     <StackPanel Margin="5">
                         <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}"
@@ -93,7 +93,7 @@
                     </StackPanel>
                 </Button>
                 <Button Style="{StaticResource ButtonRevealStyle}" 
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70">
                     <StackPanel Margin="5">
                         <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}"
@@ -109,7 +109,7 @@
                     </Button.Flyout>
                 </Button>
                 <ToggleButton x:Name="btnBookmark" Style="{StaticResource ToggleButtonRevealStyle}" 
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70" Click="BtnBookmark_Click">
                     <StackPanel Margin="5">
                         <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}"
@@ -118,7 +118,7 @@
                     </StackPanel>
                 </ToggleButton>
                 <ToggleButton x:Name="btnFollow" Style="{StaticResource ToggleButtonRevealStyle}" 
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70" Click="BtnFollow_Click">
                     <StackPanel Margin="5">
                         <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" 
@@ -131,20 +131,20 @@
             <StackPanel Margin="15,15,15,0" Orientation="Horizontal">
                 <TextBlock x:Name="txtCommentTitle" Height="Auto" FontSize="20" FontWeight="Bold"/>
                 <ToggleButton x:Uid="NewComment" Height="Auto" Style="{StaticResource ToggleButtonRevealStyle}" Visibility="Collapsed"
-                        Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" x:Name="btnNewComment" IsChecked="False"/>
+                        Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" x:Name="btnNewComment" IsChecked="False"/>
             </StackPanel>
             <StackPanel Margin="17,15,15,0" Width="600" Orientation="Vertical" HorizontalAlignment="Left" Visibility="{x:Bind Path=btnNewComment.IsChecked, Mode=OneWay}">
                 <TextBox TextWrapping="Wrap" AcceptsReturn="True" x:Name="txtComment" Height="80" PlaceholderText="编写评论..."/>
                 <StackPanel Margin="0 5 0 0" Orientation="Horizontal">
                     <Button x:Name="btnPublishComment" Click="btnPublishComment_Click">发表评论</Button>
-                    <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="12" Foreground="Gray">*请带着鼓励和建设性的态度发表评论</TextBlock>
+                    <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="12" Foreground="{ThemeResource SystemBaseMediumColor}">*请带着鼓励和建设性的态度发表评论</TextBlock>
                 </StackPanel>
             </StackPanel>
             <ListView x:Name="listComments" Margin="0,15" IncrementalLoadingTrigger="None" SelectionMode="None"
                       ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.HorizontalScrollMode="Disabled">
                 <ListView.ItemTemplate>
                     <DataTemplate x:DataType="viewmodels:CommentViewModel">
-                        <Border Background="#99F3F3F3" Margin="5,10" BorderThickness="1.5">
+                        <Border Background="{ThemeResource SystemChromeLowColor}" Margin="5,10" BorderThickness="1.5">
                             <Border.BorderBrush>
                                 <RevealBorderBrush Color="Transparent" FallbackColor="LightGray"/>
                             </Border.BorderBrush>
@@ -170,10 +170,10 @@
                                         </Ellipse.Fill>
                                     </Ellipse>
                                     <TextBlock Margin="5,0" Grid.Column="1" FontSize="14" FontWeight="Bold" VerticalAlignment="Bottom" Text="{Binding UserName}"/>
-                                    <TextBlock Margin="5,0" Grid.Row="1" Grid.Column="1" FontSize="12" Foreground="Gray" VerticalAlignment="Top" Text="{Binding UserAccount}"/>
+                                    <TextBlock Margin="5,0" Grid.Row="1" Grid.Column="1" FontSize="12" Foreground="{ThemeResource SystemBaseMediumColor}" VerticalAlignment="Top" Text="{Binding UserAccount}"/>
                                 </Grid>
                                 <TextBlock Grid.Row="1" Margin="0,5,0,0" Text="{Binding Comment}" TextWrapping="WrapWholeWords"/>
-                                <TextBlock Grid.Row="2" Margin="0,3,0,0" Text="{Binding DateTime}" FontSize="12" Foreground="Gray"/>
+                                <TextBlock Grid.Row="2" Margin="0,3,0,0" Text="{Binding DateTime}" FontSize="12" Foreground="{ThemeResource SystemBaseMediumColor}"/>
                                 <ListView Grid.Row="3" Margin="10,5,0,0" Visibility="{Binding ChildrenComments,Converter={StaticResource ChildrenCommentVisibilityConverter}}"
                                           ItemsSource="{Binding ChildrenComments}" SelectionMode="None"
                                           ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.HorizontalScrollMode="Disabled">
@@ -201,10 +201,10 @@
                                                             </Ellipse.Fill>
                                                         </Ellipse>
                                                         <TextBlock Margin="5,0" Grid.Column="1" FontSize="14" FontWeight="Bold" VerticalAlignment="Bottom" Text="{Binding UserName}"/>
-                                                        <TextBlock Margin="5,0" Grid.Row="1" Grid.Column="1" FontSize="12" Foreground="Gray" VerticalAlignment="Top" Text="{Binding UserAccount}"/>
+                                                        <TextBlock Margin="5,0" Grid.Row="1" Grid.Column="1" FontSize="12" Foreground="{ThemeResource SystemBaseMediumColor}" VerticalAlignment="Top" Text="{Binding UserAccount}"/>
                                                     </Grid>
                                                     <TextBlock Grid.Row="1" Text="{Binding Comment}" TextWrapping="WrapWholeWords"/>
-                                                    <TextBlock Grid.Row="2" Margin="0,3,0,0" Text="{Binding DateTime}" FontSize="12" Foreground="Gray"/>
+                                                    <TextBlock Grid.Row="2" Margin="0,3,0,0" Text="{Binding DateTime}" FontSize="12" Foreground="{ThemeResource SystemBaseMediumColor}"/>
                                                 </Grid>
                                             </Border>
                                         </DataTemplate>
diff --git a/PixivFSUWP/LoginPage.xaml b/PixivFSUWP/LoginPage.xaml
index 7137717..52c2a57 100644
--- a/PixivFSUWP/LoginPage.xaml
+++ b/PixivFSUWP/LoginPage.xaml
@@ -26,7 +26,7 @@
                                         <Storyboard>
                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
                                                      Storyboard.TargetProperty="Background">
-                                                <DiscreteObjectKeyFrame KeyTime="0" Value="#25c6ff" />
+                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemAccentColorLight1}" />
                                             </ObjectAnimationUsingKeyFrames>
                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                      Storyboard.TargetProperty="BorderBrush">
@@ -43,7 +43,7 @@
                                         <Storyboard>
                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
                                                      Storyboard.TargetProperty="Background">
-                                                <DiscreteObjectKeyFrame KeyTime="0" Value="#15b6ef" />
+                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemAccentColorLight2}" />
                                             </ObjectAnimationUsingKeyFrames>
                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                      Storyboard.TargetProperty="BorderBrush">
@@ -79,7 +79,7 @@
         <Grid Height="480" Width="400"
               HorizontalAlignment="Center" VerticalAlignment="Center">
             <Grid.Background>
-                <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.4" TintColor="White" FallbackColor="#99ffffff"/>
+                <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.4" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltMediumColor}"/>
             </Grid.Background>
             <Grid.RowDefinitions>
                 <RowDefinition Height="Auto"/>
@@ -87,7 +87,11 @@
                 <RowDefinition Height="Auto"/>
             </Grid.RowDefinitions>
             <TextBlock HorizontalAlignment="Center" Margin="0,150,0,0" x:Uid="LoginBanner"/>
-            <Image Source="Assets/PixivText.png"/>
+
+            <Viewbox Margin="80 20 80 0">
+                <ctrl:Pixiv_Logo xmlns:ctrl="using:PixivFSUWP.Controls"/>
+            </Viewbox>
+            <!--<Image Source="{ThemeResource PixivText}"/>-->
             <StackPanel x:Name="stkTxts" Grid.Row="1" Margin="20,20,20,10" HorizontalAlignment="Stretch" VerticalAlignment="Center">
                 <TextBlock Margin="5" x:Uid="Username"/>
                 <TextBox x:Name="txtUserName" Margin="5"/>
@@ -96,7 +100,8 @@
             </StackPanel>
             <StackPanel x:Name="stkBtns" Margin="20,10,20,20" HorizontalAlignment="Stretch" VerticalAlignment="Center" Grid.Row="2">
                 <CheckBox x:Name="chkExperimental" x:Uid="ExperimentalConnection" Margin="5,3"/>
-                <Button x:Name="btnLogin" Click="BtnLogin_Click" Style="{StaticResource LoginButtonStyle}" Background="#25c6ff" Foreground="White" Margin="5,3" HorizontalAlignment="Stretch" x:Uid="Login"/>
+                <Button x:Name="btnLogin" Click="BtnLogin_Click" Margin="5,3" HorizontalAlignment="Stretch" x:Uid="Login"
+                        Style="{StaticResource LoginButtonStyle}" Background="{ThemeResource SystemAccentColor}" Foreground="{ThemeResource ButtonForegroundThemeBrush}"/>
                 <Button x:Name="btnReg" Click="BtnReg_Click" Margin="5,3" HorizontalAlignment="Stretch" x:Uid="Register"/>
             </StackPanel>
             <Grid x:Name="grdLoading" Margin="20" Visibility="Collapsed" Grid.Row="1" Grid.RowSpan="2">
@@ -114,7 +119,7 @@
             <Button Style="{StaticResource ButtonRevealStyleWithAcrylic}" HorizontalAlignment="Center"
                         BorderThickness="1.5" VerticalAlignment="Stretch" Click="Button_Click">
                 <Button.Background>
-                    <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="White" FallbackColor="White"/>
+                    <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
                 </Button.Background>
                 <Grid>
                     <Grid.ColumnDefinitions>
@@ -133,7 +138,7 @@
             <Button Style="{StaticResource ButtonRevealStyleWithAcrylic}" HorizontalAlignment="Center"
                         BorderThickness="1.5" VerticalAlignment="Stretch" x:Name="btnReport" Click="btnReport_Click">
                 <Button.Background>
-                    <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="White" FallbackColor="White"/>
+                    <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
                 </Button.Background>
                 <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" 
                                   FontSize="16" Glyph="&#xED15;"/>
diff --git a/PixivFSUWP/MainPage.xaml b/PixivFSUWP/MainPage.xaml
index a91ca82..03ebe50 100644
--- a/PixivFSUWP/MainPage.xaml
+++ b/PixivFSUWP/MainPage.xaml
@@ -30,7 +30,10 @@
                         SelectionChanged="NavControl_SelectionChanged"
                         IsSettingsVisible="False" BackRequested="NavControl_BackRequested">
             <NavigationView.PaneHeader>
-                <Image Source="Assets/PixivHeader.png"/>
+                <Viewbox Height="20" Margin="20 0">
+                    <ctrl:Pixiv_Logo xmlns:ctrl="using:PixivFSUWP.Controls"/>
+                </Viewbox>
+                <!--<Image Source="{ThemeResource PixivHeader}"/>-->
             </NavigationView.PaneHeader>
             <NavigationView.PaneFooter>
                 <StackPanel Orientation="Horizontal">
@@ -74,7 +77,7 @@
         <Grid x:Name="grdTip" HorizontalAlignment="Center"
               VerticalAlignment="Bottom" Margin="20" Visibility="Collapsed" Opacity="0">
             <Grid.Background>
-                <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="White" FallbackColor="White"/>
+                <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
             </Grid.Background>
             <TextBlock x:Name="txtTip" Margin="10" VerticalAlignment="Center" HorizontalAlignment="Center"/>
         </Grid>
diff --git a/PixivFSUWP/MultilingualResources/PixivFSUWP.ja.xlf b/PixivFSUWP/MultilingualResources/PixivFSUWP.ja.xlf
index 5158eae..5015ddd 100644
--- a/PixivFSUWP/MultilingualResources/PixivFSUWP.ja.xlf
+++ b/PixivFSUWP/MultilingualResources/PixivFSUWP.ja.xlf
@@ -693,6 +693,31 @@ Do you want to disable them?</source>
 Do you want to disable them?</target>
           <note from="MultilingualBuild" annotates="source" priority="2">PlainText</note>
         </trans-unit>
+        <trans-unit id="ColorTheme.Text" translate="yes" xml:space="preserve">
+          <source>Color Theme</source>
+          <target state="new">Color Theme</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">TextBlock</note>
+        </trans-unit>
+        <trans-unit id="DarkColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Dark</source>
+          <target state="new">Dark</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="DefaultColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Use System Default</source>
+          <target state="new">Use System Default</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="LightColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Light</source>
+          <target state="new">Light</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="RestartApplyColorTheme" translate="yes" xml:space="preserve">
+          <source>Restart the application to take effect</source>
+          <target state="new">Restart the application to take effect</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">PlainText</note>
+        </trans-unit>
       </group>
     </body>
   </file>
diff --git a/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hans.xlf b/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hans.xlf
index 825fc87..60166ec 100644
--- a/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hans.xlf
+++ b/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hans.xlf
@@ -693,6 +693,31 @@ Do you want to disable them?</source>
 您想关闭它们吗？</target>
           <note from="MultilingualBuild" annotates="source" priority="2">PlainText</note>
         </trans-unit>
+        <trans-unit id="ColorTheme.Text" translate="yes" xml:space="preserve">
+          <source>Color Theme</source>
+          <target state="translated">颜色主题</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">TextBlock</note>
+        </trans-unit>
+        <trans-unit id="DarkColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Dark</source>
+          <target state="translated">深色</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="DefaultColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Use System Default</source>
+          <target state="translated">跟随系统</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="LightColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Light</source>
+          <target state="translated">浅色</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="RestartApplyColorTheme" translate="yes" xml:space="preserve">
+          <source>Restart the application to take effect</source>
+          <target state="translated">重新启动以应用设置</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">PlainText</note>
+        </trans-unit>
       </group>
     </body>
   </file>
diff --git a/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hant.xlf b/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hant.xlf
index 7fe7ba3..db8982f 100644
--- a/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hant.xlf
+++ b/PixivFSUWP/MultilingualResources/PixivFSUWP.zh-Hant.xlf
@@ -693,6 +693,31 @@ Do you want to disable them?</source>
 Do you want to disable them?</target>
           <note from="MultilingualBuild" annotates="source" priority="2">PlainText</note>
         </trans-unit>
+        <trans-unit id="ColorTheme.Text" translate="yes" xml:space="preserve">
+          <source>Color Theme</source>
+          <target state="new">Color Theme</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">TextBlock</note>
+        </trans-unit>
+        <trans-unit id="DarkColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Dark</source>
+          <target state="new">Dark</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="DefaultColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Use System Default</source>
+          <target state="new">Use System Default</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="LightColorTheme.Content" translate="yes" xml:space="preserve">
+          <source>Light</source>
+          <target state="new">Light</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">ComboBoxItem</note>
+        </trans-unit>
+        <trans-unit id="RestartApplyColorTheme" translate="yes" xml:space="preserve">
+          <source>Restart the application to take effect</source>
+          <target state="new">Restart the application to take effect</target>
+          <note from="MultilingualBuild" annotates="source" priority="2">PlainText</note>
+        </trans-unit>
       </group>
     </body>
   </file>
diff --git a/PixivFSUWP/PixivFSUWP.csproj b/PixivFSUWP/PixivFSUWP.csproj
index 7e2e62b..18c43af 100644
--- a/PixivFSUWP/PixivFSUWP.csproj
+++ b/PixivFSUWP/PixivFSUWP.csproj
@@ -135,6 +135,9 @@
     <Compile Include="App.xaml.cs">
       <DependentUpon>App.xaml</DependentUpon>
     </Compile>
+    <Compile Include="Controls\Pixiv_Logo.xaml.cs">
+      <DependentUpon>Pixiv_Logo.xaml</DependentUpon>
+    </Compile>
     <Compile Include="BigImage.xaml.cs">
       <DependentUpon>BigImage.xaml</DependentUpon>
     </Compile>
@@ -217,8 +220,10 @@
     <Content Include="Assets\GH_64.png" />
     <Content Include="Assets\LoginBG.jpg" />
     <Content Include="Assets\PixivHeader.png" />
+    <Content Include="Assets\PixivHeader_L.png" />
     <Content Include="Assets\PixivText.png" />
     <None Include="Package.StoreAssociation.xml" />
+    <Content Include="Assets\PixivText_L.png" />
     <Content Include="Assets\QQ_64.png" />
     <Content Include="Assets\SauceNAO.png" />
     <Content Include="Assets\Square44x44Logo.targetsize-256_altform-unplated.png" />
@@ -235,6 +240,10 @@
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
     </ApplicationDefinition>
+    <Page Include="Controls\Pixiv_Logo.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="BigImage.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -263,6 +272,14 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="Themes\Dark.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
+    <Page Include="Themes\Light.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="UserDetailPage.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
diff --git a/PixivFSUWP/ReportIssuePage.xaml b/PixivFSUWP/ReportIssuePage.xaml
index 4b2c498..6fed6bb 100644
--- a/PixivFSUWP/ReportIssuePage.xaml
+++ b/PixivFSUWP/ReportIssuePage.xaml
@@ -20,7 +20,7 @@
             <TextBlock Margin="15,15,15,0">You are going to report an issue. We've collected some details.</TextBlock>
             <TextBlock Margin="15,5,15,0">您正准备汇报一个问题，我们收集了一些细节。</TextBlock>
         </StackPanel>
-        <ScrollViewer Margin="25,15,25,0" Background="LightGray" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+        <ScrollViewer Margin="25,15,25,0" Background="{ThemeResource SystemChromeDisabledHighColor}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                           HorizontalScrollMode="Disabled" VerticalScrollBarVisibility="Visible" Grid.Row="1">
             <TextBlock x:Name="txtDetails" Margin="10" TextWrapping="Wrap" HorizontalAlignment="Stretch"/>
         </ScrollViewer>
@@ -28,7 +28,7 @@
         <StackPanel Orientation="Vertical" Grid.Row="3">
             <TextBlock Margin="25 10 25 0">Don't worry. The information you just copied does not contain any private data.</TextBlock>
             <TextBlock Margin="25 5 25 0">不要担心，您刚刚所复制的信息不会携带您的任何隐私数据。</TextBlock>
-            <Button x:Name="btnGitHub" Margin="25 15 25 0" Background="#25c6ff" HorizontalAlignment="Stretch" Click="BtnGitHub_Click">Create a new issue on GitHub (RECOMMENDED)/在GitHub上创建新的Issue（推荐）</Button>
+            <Button x:Name="btnGitHub" Margin="25 15 25 0" Background="{ThemeResource SystemAccentColor}" HorizontalAlignment="Stretch" Click="BtnGitHub_Click">Create a new issue on GitHub (RECOMMENDED)/在GitHub上创建新的Issue（推荐）</Button>
             <Button x:Name="btnEmail" Margin="25 10 25 25" HorizontalAlignment="Stretch" Click="BtnEmail_Click">Send an Email to 🐟/给🐟发送邮件</Button>
         </StackPanel>
     </Grid>
diff --git a/PixivFSUWP/SearchPage.xaml b/PixivFSUWP/SearchPage.xaml
index 3839b93..51baad8 100644
--- a/PixivFSUWP/SearchPage.xaml
+++ b/PixivFSUWP/SearchPage.xaml
@@ -69,7 +69,7 @@
         <Grid x:Name="grdSearchPanel"
               VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
             <Grid.Background>
-                <AcrylicBrush x:Name="detailBackground" BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="White" FallbackColor="White"/>
+                <AcrylicBrush x:Name="detailBackground" BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
             </Grid.Background>
             <StackPanel Margin="0 75 0 0" Orientation="Vertical" Width="500" x:Name="stkMain"
                         HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Collapsed">
@@ -125,7 +125,7 @@
                 </Grid>
                 <StackPanel Margin="0 10 0 0" HorizontalAlignment="Left" Orientation="Horizontal">
                     <TextBlock FontSize="14" FontWeight="Bold" x:Uid="TrendingTags"/>
-                    <TextBlock Margin="5 0 0 0" FontSize="12" Foreground="Gray" VerticalAlignment="Bottom" x:Uid="TagWarning"/>
+                    <TextBlock Margin="5 0 0 0" FontSize="12" Foreground="{ThemeResource SystemBaseMediumColor}" VerticalAlignment="Bottom" x:Uid="TagWarning"/>
                 </StackPanel>
                 <ItemsControl x:Name="panelTags" Margin="0 5 0 0">
                     <ItemsControl.ItemTemplate>
diff --git a/PixivFSUWP/SettingsPage.xaml b/PixivFSUWP/SettingsPage.xaml
index 06045e6..ff7d6d2 100644
--- a/PixivFSUWP/SettingsPage.xaml
+++ b/PixivFSUWP/SettingsPage.xaml
@@ -28,7 +28,7 @@
                     </Ellipse.Fill>
                 </Ellipse>
                 <TextBlock Text="{Binding DisplayName}" Margin="10,0" Grid.Column="1" VerticalAlignment="Bottom"/>
-                <TextBlock Text="{Binding Account}" Margin="10,0" Grid.Row="1" Grid.Column="1" Foreground="Gray" VerticalAlignment="Top"/>
+                <TextBlock Text="{Binding Account}" Margin="10,0" Grid.Row="1" Grid.Column="1" Foreground="{ThemeResource SystemBaseMediumColor}" VerticalAlignment="Top"/>
                 <TextBlock Text="{Binding Contributions,Converter={StaticResource ContributionsConverter}}" Grid.RowSpan="2" Grid.Column="2" VerticalAlignment="Center"/>
             </Grid>
         </DataTemplate>
@@ -59,12 +59,12 @@
                 <TextBlock Margin="0,2" HorizontalTextAlignment="Left" Grid.Column="2" x:Name="txtID"/>
                 <StackPanel Margin="0,2" Grid.Row="1" Grid.Column="2" Orientation="Horizontal">
                     <TextBlock HorizontalTextAlignment="Left" x:Name="txtName"/>
-                    <TextBlock HorizontalTextAlignment="Left" x:Name="txtAccount" Foreground="Gray"/>
+                    <TextBlock HorizontalTextAlignment="Left" x:Name="txtAccount" Foreground="{ThemeResource SystemBaseMediumColor}"/>
                 </StackPanel>
                 <TextBlock Margin="0,2" Grid.Row="2" Grid.Column="2" HorizontalTextAlignment="Left" x:Name="txtEmail"/>
                 <StackPanel Grid.Row="3" Grid.ColumnSpan="3">
                     <Button Style="{StaticResource ButtonRevealStyle}" BorderThickness="1.5" Margin="0,5,0,0" x:Name="btnLogout" Click="BtnLogout_Click" HorizontalAlignment="Stretch" x:Uid="Logout"/>
-                    <TextBlock FontSize="12" Foreground="Gray" x:Uid="LogoutWarning"/>
+                    <TextBlock FontSize="12" Foreground="{ThemeResource SystemBaseMediumColor}" x:Uid="LogoutWarning"/>
                 </StackPanel>
             </Grid>
             <!--TODO：完善UI-->
@@ -79,6 +79,15 @@
                     <TextBox x:Name="tbImgur" Margin="200,0" Width="400" HorizontalAlignment="Left" TextChanged="API_TextChanged"/>
                 </Grid>
             </StackPanel>
+            <!--颜色主题-->
+            <StackPanel Margin="0 10">
+                <TextBlock Margin="15 0" FontSize="18" FontWeight="Bold" x:Uid="ColorTheme"/>
+                <ComboBox Margin="15 10 15 0" Width="300" DropDownClosed="ComboBox_DropDownClosed" x:Name="cboxColorTheme">
+                    <ComboBoxItem x:Uid="LightColorTheme"/>
+                    <ComboBoxItem x:Uid="DarkColorTheme"/>
+                    <ComboBoxItem x:Uid="DefaultColorTheme"/>
+                </ComboBox>
+            </StackPanel>
             <!--缓存管理-->
             <StackPanel Margin="0,10">
                 <TextBlock Margin="15,0,15,0" FontSize="18" FontWeight="Bold" x:Uid="Cache"/>
diff --git a/PixivFSUWP/SettingsPage.xaml.cs b/PixivFSUWP/SettingsPage.xaml.cs
index 7cdf8a8..d38f1c7 100644
--- a/PixivFSUWP/SettingsPage.xaml.cs
+++ b/PixivFSUWP/SettingsPage.xaml.cs
@@ -97,6 +97,20 @@ async Task loadContentsAsync()
             //ApplicationDataContainer localSettings = ApplicationData.Current.LocalSettings;
             //tbSauceNAO.Text = localSettings.Values["SauceNAOAPI"] as string;//读取设置项
             //tbImgur.Text = localSettings.Values["ImgurAPI"] as string;
+            // 获取储存的颜色主题信息
+            switch (ApplicationData.Current.LocalSettings.Values["ColorTheme"])
+            {
+                case false:
+                    cboxColorTheme.SelectedIndex = 0;
+                    break;
+                case true:
+                    cboxColorTheme.SelectedIndex = 1;
+                    break;
+                default:
+                    cboxColorTheme.SelectedIndex = 2;
+                    break;
+            }
+            
             _ = calculateCacheSize();
             //等待头像加载完毕
             imgAvatar.ImageSource = await imgTask;
@@ -183,5 +197,26 @@ private async void btnQQGroup_Click(object sender, RoutedEventArgs e)
             await Launcher.LaunchUriAsync(new
                 Uri(@"https://shang.qq.com/wpa/qunwpa?idkey=d6ba54103ced0e2d7c5bbf6422e4f9f6fa4849c91d4521fe9a1beec72626bbb6"));
         }
+
+        private void ComboBox_DropDownClosed(object sender, object e)
+        {
+            if(sender is ComboBox cb)
+            {
+                // 保存颜色主题信息
+                switch (cb.SelectedIndex)
+                {
+                    case 2:
+                        ApplicationData.Current.LocalSettings.Values["ColorTheme"] = null;
+                        break;
+                    case 0:
+                        ApplicationData.Current.LocalSettings.Values["ColorTheme"] = false;
+                        break;
+                    case 1:
+                        ApplicationData.Current.LocalSettings.Values["ColorTheme"] = true;
+                        break;
+                }
+                _ = ((Frame.Parent as Grid)?.Parent as MainPage)?.ShowTip(GetResourceString("RestartApplyColorTheme"));
+            }
+        }
     }
 }
diff --git a/PixivFSUWP/Strings/en/Resources.resw b/PixivFSUWP/Strings/en/Resources.resw
index 9cf1708..33611ea 100644
--- a/PixivFSUWP/Strings/en/Resources.resw
+++ b/PixivFSUWP/Strings/en/Resources.resw
@@ -181,6 +181,10 @@
     <value>Clear cache</value>
     <comment>Button</comment>
   </data>
+  <data name="ColorTheme.Text" xml:space="preserve">
+    <value>Color Theme</value>
+    <comment>TextBlock</comment>
+  </data>
   <data name="CommentsPlain" xml:space="preserve">
     <value>Comments</value>
     <comment>PlainText</comment>
@@ -197,6 +201,10 @@
     <value>Current User</value>
     <comment>TextBlock</comment>
   </data>
+  <data name="DarkColorTheme.Content" xml:space="preserve">
+    <value>Dark</value>
+    <comment>ComboBoxItem</comment>
+  </data>
   <data name="DateAsc.Content" xml:space="preserve">
     <value>Date ascending</value>
     <comment>ComboBoxItem</comment>
@@ -205,6 +213,10 @@
     <value>Date descending</value>
     <comment>ComboBoxItem</comment>
   </data>
+  <data name="DefaultColorTheme.Content" xml:space="preserve">
+    <value>Use System Default</value>
+    <comment>ComboBoxItem</comment>
+  </data>
   <data name="DeleteBookmarkPlain" xml:space="preserve">
     <value>Unbookmark</value>
     <comment>PlainText</comment>
@@ -314,6 +326,10 @@ Do you want to disable them?</value>
     <value>Last week</value>
     <comment>ComboBoxItem</comment>
   </data>
+  <data name="LightColorTheme.Content" xml:space="preserve">
+    <value>Light</value>
+    <comment>ComboBoxItem</comment>
+  </data>
   <data name="LinkPlain" xml:space="preserve">
     <value>Link</value>
     <comment>PlainText</comment>
@@ -502,6 +518,10 @@ Do you want to disable them?</value>
     <value>Requesting</value>
     <comment>PlainText</comment>
   </data>
+  <data name="RestartApplyColorTheme" xml:space="preserve">
+    <value>Restart the application to take effect</value>
+    <comment>PlainText</comment>
+  </data>
   <data name="RetryPlain" xml:space="preserve">
     <value>Retry</value>
     <comment>PlainText</comment>
diff --git a/PixivFSUWP/Strings/zh-Hans/Resources.resw b/PixivFSUWP/Strings/zh-Hans/Resources.resw
index 6f32426..4b8807d 100644
--- a/PixivFSUWP/Strings/zh-Hans/Resources.resw
+++ b/PixivFSUWP/Strings/zh-Hans/Resources.resw
@@ -561,4 +561,24 @@
 您想关闭它们吗？</value>
     <comment>PlainText</comment>
   </data>
+  <data name="ColorTheme.Text" xml:space="preserve">
+    <value>颜色主题</value>
+    <comment>TextBlock</comment>
+  </data>
+  <data name="DarkColorTheme.Content" xml:space="preserve">
+    <value>深色</value>
+    <comment>ComboBoxItem</comment>
+  </data>
+  <data name="DefaultColorTheme.Content" xml:space="preserve">
+    <value>跟随系统</value>
+    <comment>ComboBoxItem</comment>
+  </data>
+  <data name="LightColorTheme.Content" xml:space="preserve">
+    <value>浅色</value>
+    <comment>ComboBoxItem</comment>
+  </data>
+  <data name="RestartApplyColorTheme" xml:space="preserve">
+    <value>重新启动以应用设置</value>
+    <comment>PlainText</comment>
+  </data>
 </root>
\ No newline at end of file
diff --git a/PixivFSUWP/Themes/Dark.xaml b/PixivFSUWP/Themes/Dark.xaml
new file mode 100644
index 0000000..e3309c7
--- /dev/null
+++ b/PixivFSUWP/Themes/Dark.xaml
@@ -0,0 +1,8 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:PixivFSUWP.Themes">
+    <x:String x:Key="PixivHeader">/Assets/PixivHeader_L.png</x:String>
+    <x:String x:Key="PixivText">/Assets/PixivText_L.png</x:String>
+    <x:Double x:Key="PageBackGroundTintOpacity">0.7</x:Double>
+</ResourceDictionary>
diff --git a/PixivFSUWP/Themes/Light.xaml b/PixivFSUWP/Themes/Light.xaml
new file mode 100644
index 0000000..dcfca24
--- /dev/null
+++ b/PixivFSUWP/Themes/Light.xaml
@@ -0,0 +1,8 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:PixivFSUWP.Themes">
+    <x:String x:Key="PixivHeader">/Assets/PixivHeader.png</x:String>
+    <x:String x:Key="PixivText">/Assets/PixivText.png</x:String>
+    <x:Double x:Key="PageBackGroundTintOpacity">0.5</x:Double>
+</ResourceDictionary>
diff --git a/PixivFSUWP/UserDetailPage.xaml b/PixivFSUWP/UserDetailPage.xaml
index 6baf0ca..6631f6b 100644
--- a/PixivFSUWP/UserDetailPage.xaml
+++ b/PixivFSUWP/UserDetailPage.xaml
@@ -106,7 +106,7 @@
             <Button Style="{StaticResource ButtonRevealStyleWithAcrylic}" HorizontalAlignment="Center"
                         BorderThickness="1.5" VerticalAlignment="Stretch" Click="Button_Click">
                 <Button.Background>
-                    <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="White" FallbackColor="White"/>
+                    <AcrylicBrush BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
                 </Button.Background>
                 <Grid>
                     <Grid.ColumnDefinitions>
@@ -123,13 +123,13 @@
                         </Ellipse.Fill>
                     </Ellipse>
                     <TextBlock x:Name="txtAuthor" Margin="10,0" Grid.Column="1" FontSize="16" FontWeight="Bold" VerticalAlignment="Bottom"/>
-                    <TextBlock x:Name="txtAuthorAccount" Margin="10,0" Grid.Row="1" Grid.Column="1" FontSize="14" Foreground="Gray" VerticalAlignment="Top"/>
+                    <TextBlock x:Name="txtAuthorAccount" Margin="10,0" Grid.Row="1" Grid.Column="1" FontSize="14" Foreground="{ThemeResource SystemBaseMediumColor}" VerticalAlignment="Top"/>
                 </Grid>
             </Button>
         </Grid>
         <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="grdDetail">
             <Grid.Background>
-                <AcrylicBrush x:Name="detailBackground" BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="White" FallbackColor="White"/>
+                <AcrylicBrush x:Name="detailBackground" BackgroundSource="Backdrop" TintOpacity="0.2" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}"/>
             </Grid.Background>
             <Grid.RowDefinitions>
                 <RowDefinition Height="75"/>
@@ -152,7 +152,7 @@
                         </Grid>
                         <TextBlock Margin="5" x:Name="txtUsername" FontSize="20" FontWeight="Bold" 
                            HorizontalAlignment="Center"/>
-                        <TextBlock x:Name="txtAccount" FontSize="14" Foreground="Gray"
+                        <TextBlock x:Name="txtAccount" FontSize="14" Foreground="{ThemeResource SystemBaseMediumColor}"
                            HorizontalAlignment="Center"/>
                     </StackPanel>
                 </Grid>
@@ -231,7 +231,7 @@
                 </Grid>
                 <StackPanel Margin="15" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                     <Button Style="{StaticResource ButtonRevealStyle}"
-                              Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70">
                         <StackPanel Margin="5">
                             <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}"
@@ -247,7 +247,7 @@
                         </Button.Flyout>
                     </Button>
                     <Button Style="{StaticResource ButtonRevealStyle}" x:Name="btnWorks" Click="BtnWorks_Click"
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" IsEnabled="False"
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" IsEnabled="False"
                               Width="70">
                         <StackPanel Margin="5">
                             <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}"
@@ -256,7 +256,7 @@
                         </StackPanel>
                     </Button>
                     <ToggleButton x:Name="btnFollow" Style="{StaticResource ToggleButtonRevealStyle}" 
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70" Click="BtnFollow_Click">
                         <StackPanel Margin="5">
                             <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" 
@@ -265,7 +265,7 @@
                         </StackPanel>
                     </ToggleButton>
                     <ToggleButton x:Name="btnPin" Style="{StaticResource ToggleButtonRevealStyle}" 
-                              Margin="5,0,0,0" Background="#99F3F3F3" BorderThickness="1.5" Height="70" 
+                              Margin="5,0,0,0" Background="{ThemeResource SystemChromeLowColor}" BorderThickness="1.5" Height="70" 
                               Width="70">
                         <StackPanel Margin="5">
                             <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}"