diff --git a/NonsPlayer/App.xaml.cs b/NonsPlayer/App.xaml.cs
index 85af47f..ae42264 100644
--- a/NonsPlayer/App.xaml.cs
+++ b/NonsPlayer/App.xaml.cs
@@ -53,6 +53,7 @@ public App()
                 services.AddSingleton<ControlService>();
                 services.AddSingleton<PlayCounterService>();
                 services.AddSingleton<SMTCService>();
+                services.AddSingleton<RadioService>();
 
                 // Core Services
                 services.AddSingleton<IFileService, FileService>();
@@ -109,6 +110,9 @@ public App()
                 services.AddTransient<TodayDurationCardViewModel>();
                 services.AddTransient<TotalListenCardViewModel>();
                 services.AddTransient<RecentlyPlayItemCardViewModel>();
+                services.AddTransient<RecommendedPlaylistCardViewModel>();
+                services.AddTransient<RadioCardViewModel>();
+
                 #endregion
 
 
@@ -158,7 +162,6 @@ protected override async void OnLaunched(LaunchActivatedEventArgs args)
         base.OnLaunched(args);
         // App.GetService<IAppNotificationService>().Show(string.Format("AppNotificationSamplePayload".GetLocalized(), AppContext.BaseDirectory));
         await GetService<IActivationService>().ActivateAsync(args);
-        
     }
 }
 
diff --git a/NonsPlayer/Components/Views/Home/GreetingsCard.xaml b/NonsPlayer/Components/Views/Home/GreetingsCard.xaml
index 7a83513..19a0580 100644
--- a/NonsPlayer/Components/Views/Home/GreetingsCard.xaml
+++ b/NonsPlayer/Components/Views/Home/GreetingsCard.xaml
@@ -6,7 +6,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:winUi="using:CommunityToolkit.WinUI"
     mc:Ignorable="d">
-    <Border Background="#F5F3F2"
+    <Border Background="{StaticResource ComponentsCardBackground}"
             CornerRadius="20">
         <Grid Grid.Row="0" Margin="20">
             <TextBlock FontWeight="Bold" FontSize="30"
diff --git a/NonsPlayer/Components/Views/Home/HitokotoCard.xaml b/NonsPlayer/Components/Views/Home/HitokotoCard.xaml
index 9dd06ae..dd94f84 100644
--- a/NonsPlayer/Components/Views/Home/HitokotoCard.xaml
+++ b/NonsPlayer/Components/Views/Home/HitokotoCard.xaml
@@ -6,7 +6,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:winUi="using:CommunityToolkit.WinUI"
     mc:Ignorable="d">
-    <Border Background="#F5F3F2"
+    <Border Background="{StaticResource ComponentsCardBackground}"
             CornerRadius="20">
         <Grid Grid.Row="0" Margin="20">
             <Grid.ColumnDefinitions>
diff --git a/NonsPlayer/Components/Views/Home/TodayDurationCard.xaml b/NonsPlayer/Components/Views/Home/TodayDurationCard.xaml
index 525bbce..37485d5 100644
--- a/NonsPlayer/Components/Views/Home/TodayDurationCard.xaml
+++ b/NonsPlayer/Components/Views/Home/TodayDurationCard.xaml
@@ -6,7 +6,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:winUi="using:CommunityToolkit.WinUI"
     mc:Ignorable="d">
-    <Border Background="#F5F3F2"
+    <Border Background="{StaticResource ComponentsCardBackground}"
             CornerRadius="20">
         <Grid Margin="20">
             <StackPanel VerticalAlignment="Top" HorizontalAlignment="Center">
diff --git a/NonsPlayer/Components/Views/Home/TotalListenCard.xaml b/NonsPlayer/Components/Views/Home/TotalListenCard.xaml
index 82e2d85..66c5d01 100644
--- a/NonsPlayer/Components/Views/Home/TotalListenCard.xaml
+++ b/NonsPlayer/Components/Views/Home/TotalListenCard.xaml
@@ -6,7 +6,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:winUi="using:CommunityToolkit.WinUI"
     mc:Ignorable="d">
-    <Border Background="#F5F3F2"
+    <Border Background="{StaticResource ComponentsCardBackground}"
             CornerRadius="20">
         <Grid Grid.Row="0" Margin="20">
             <Grid.ColumnDefinitions>
diff --git a/NonsPlayer/Helpers/CacheHelper.cs b/NonsPlayer/Helpers/CacheHelper.cs
index 0d20039..4184e1f 100644
--- a/NonsPlayer/Helpers/CacheHelper.cs
+++ b/NonsPlayer/Helpers/CacheHelper.cs
@@ -112,18 +112,18 @@ public static async Task<ImageBrush> UpdateImageBrushAsync(string cacheId, strin
         })).Data;
     }
 
-    // public static async Task<Playlist> GetPlaylistAsync(string cacheId, string id)
+    // public static async Task<Music> GetPlaylistAsync(string cacheId, string id)
     // {
     //     return (await GetCacheItemAsync(cacheId, async () =>
     //         await PlaylistAdaptes.CreateById(long.Parse(id)))).Data;
     // }
     //
-    // public static Playlist GetPlaylistCard(string cacheId, JObject item)
+    // public static Music GetPlaylistCard(string cacheId, JObject item)
     // {
     //     return GetCacheItem(cacheId, () => PlaylistAdaptes.CreateFromRecommend(item)).Data;
     // }
     //
-    // public static async Task<Playlist> UpdatePlaylistAsync(string cacheId, string id)
+    // public static async Task<Music> UpdatePlaylistAsync(string cacheId, string id)
     // {
     //     var playlist = (await UpdateCacheItem(cacheId, async () =>
     //         await PlaylistAdaptes.CreateById(long.Parse(id)))).Data;
@@ -131,7 +131,7 @@ public static async Task<ImageBrush> UpdateImageBrushAsync(string cacheId, strin
     //     return playlist;
     // }
     //
-    // public static Playlist GetPlaylist(string cacheId, string id)
+    // public static Music GetPlaylist(string cacheId, string id)
     // {
     //     return GetCacheItemAsync(cacheId, async () =>
     //         await PlaylistAdaptes.CreateById(long.Parse(id))).Result.Data;
diff --git a/NonsPlayer/NonsPlayer.csproj b/NonsPlayer/NonsPlayer.csproj
index 6892f97..79e3a22 100644
--- a/NonsPlayer/NonsPlayer.csproj
+++ b/NonsPlayer/NonsPlayer.csproj
@@ -61,6 +61,10 @@
         <None Update="appsettings.json">
             <CopyToOutputDirectory>Always</CopyToOutputDirectory>
         </None>
+        <Page Update="Components\Views\RadioCard.xaml">
+          <XamlRuntime>$(DefaultXamlRuntime)</XamlRuntime>
+          <SubType>Designer</SubType>
+        </Page>
         <Page Update="Components\Views\RecommendedPlaylistCard.xaml">
           <XamlRuntime>$(DefaultXamlRuntime)</XamlRuntime>
           <SubType>Designer</SubType>
@@ -172,6 +176,7 @@
         <None Remove="Components\Views\Home\RecentlyPlayItemCard.xaml" />
         <None Remove="Components\Views\Home\TodayDurationCard.xaml" />
         <None Remove="Components\Views\Home\TotalListenCard.xaml" />
+        <None Remove="Components\Views\RadioCard.xaml" />
         <Content Include="Segoe Fluent Icons.ttf" />
     </ItemGroup>
 
diff --git a/NonsPlayer/Styles/Resource.xaml b/NonsPlayer/Styles/Resource.xaml
index 8a6d3ef..3d95dcd 100644
--- a/NonsPlayer/Styles/Resource.xaml
+++ b/NonsPlayer/Styles/Resource.xaml
@@ -8,4 +8,6 @@
     <Thickness x:Key="PageContentCommonMargin">80,20,40,80</Thickness>
     <Thickness x:Key="PlaylistDetailMargin">45,80,45,100</Thickness>
     <SolidColorBrush x:Key="CommonTextColor">#3D3D3D</SolidColorBrush>
+    <SolidColorBrush x:Key="LightTextColor">#FFFFFF</SolidColorBrush>
+    <SolidColorBrush x:Key="ComponentsCardBackground">#F5F3F2</SolidColorBrush>
 </ResourceDictionary>
\ No newline at end of file
diff --git a/NonsPlayer/Views/ShellPage.xaml b/NonsPlayer/Views/ShellPage.xaml
index e0a6c93..df162bc 100644
--- a/NonsPlayer/Views/ShellPage.xaml
+++ b/NonsPlayer/Views/ShellPage.xaml
@@ -79,9 +79,10 @@
                 <Grid Grid.Column="3" Margin="10,0,140,0" HorizontalAlignment="Right">
                     <StackPanel Orientation="Horizontal">
                         <Button Name="SettingsButton"
-                            Width="30" Height="30" Padding="0" Margin="5,0,0,0"
+                            Width="20" Height="20" 
+                            Padding="0" Margin="10,0,0,20"
                                 BorderThickness="0" Background="Transparent">
-                            <FontIcon Glyph="&#xE713;" FontSize="18" />
+                            <FontIcon Glyph="&#xE713;" FontSize="14" />
                         </Button>
                     </StackPanel>
                 </Grid>