diff --git a/.gitignore b/.gitignore
index 80c9c10a6..ba86bc667 100644
--- a/.gitignore
+++ b/.gitignore
@@ -340,3 +340,6 @@ appcast.*.xml
 *.tar.gz
 .vscode/
 Microsoft.AI.DirectML
+
+# VS Code extensions autogen
+*.csproj.lscache
\ No newline at end of file
diff --git a/OpenUtau/Colors/CustomTheme.axaml b/OpenUtau/Colors/CustomTheme.axaml
index 7342a1b14..6479f8b79 100644
--- a/OpenUtau/Colors/CustomTheme.axaml
+++ b/OpenUtau/Colors/CustomTheme.axaml
@@ -45,4 +45,9 @@
   <Color x:Key="BlackKeyColorLeft">#FF71A3</Color>
   <Color x:Key="BlackKeyColorRight">#FF347C</Color>
   <Color x:Key="BlackKeyNameColor">#FFFFFF</Color>
+    
+  <!--Easy Color Themes-->
+  <system:Boolean x:Key="IsDarkModeEasy">False</system:Boolean>
+  <Color x:Key="MainColorA">#4EA6EA</Color>
+  <Color x:Key="MainColorB">#FF347C</Color>
 </ResourceDictionary>
diff --git a/OpenUtau/Colors/CustomTheme.axaml.cs b/OpenUtau/Colors/CustomTheme.axaml.cs
index f889431a8..c82ac9284 100644
--- a/OpenUtau/Colors/CustomTheme.axaml.cs
+++ b/OpenUtau/Colors/CustomTheme.axaml.cs
@@ -154,7 +154,7 @@ public class ThemeYaml {
 
         public string WhiteKeyColorLeft = "Transparent";
         public string WhiteKeyColorRight = "Transparent";
-        public string WhiteKeyNameColor = "#FF347c";
+        public string WhiteKeyNameColor = "#FF347C";
             
         public string CenterKeyColorLeft = "#FFDDE6";
         public string CenterKeyColorRight = "#FFCEDC";
@@ -163,6 +163,11 @@ public class ThemeYaml {
         public string BlackKeyColorLeft = "#FF71A3";
         public string BlackKeyColorRight = "#FF347C";
         public string BlackKeyNameColor = "#FFFFFF";
+
+        public string MainColorA = "#4EA6EA";
+        public string MainColorB = "#FF347C";
+        public bool IsDarkModeEasy = false;
+
     }
 }
 
diff --git a/OpenUtau/Colors/LightTheme.axaml b/OpenUtau/Colors/LightTheme.axaml
index ff064d0d2..c8a6a0e90 100644
--- a/OpenUtau/Colors/LightTheme.axaml
+++ b/OpenUtau/Colors/LightTheme.axaml
@@ -38,7 +38,7 @@
   <!--Keyboard Background-->
   <Color x:Key="WhiteKeyColorLeft">Transparent</Color>
   <Color x:Key="WhiteKeyColorRight">Transparent</Color>
-  <Color x:Key="WhiteKeyNameColor">#FF347c</Color>
+  <Color x:Key="WhiteKeyNameColor">#FF347C</Color>
 
   <Color x:Key="CenterKeyColorLeft">#FFDDE6</Color>
   <Color x:Key="CenterKeyColorRight">#FFCEDC</Color>
diff --git a/OpenUtau/Strings/Strings.axaml b/OpenUtau/Strings/Strings.axaml
index bfc779b45..168cdf084 100644
--- a/OpenUtau/Strings/Strings.axaml
+++ b/OpenUtau/Strings/Strings.axaml
@@ -158,6 +158,11 @@ Do you want to continue by splitting at the nearest position after current playh
   <system:String x:Key="dialogs.transcribe.game.batchduration">Max Batch Duration (s)</system:String>
   <system:String x:Key="dialogs.transcribe.longchunk.message">One or more audio segments are very long and may consume large amount of memory when transcribing. This usually happens when the audio contains accompaniment. Still proceed?</system:String>
 
+  <system:String x:Key="easythemeeditor.isdarkmode">Is Dark Mode</system:String>
+  <system:String x:Key="easythemeeditor.maincolora">Main Color A</system:String>
+  <system:String x:Key="easythemeeditor.maincolorb">Main Color B</system:String>
+  <system:String x:Key="easythemeeditor.switch">Switch to Accurate Mode</system:String>
+
   <system:String x:Key="errors.caption">Error</system:String>
   <system:String x:Key="errors.details">Error Details</system:String>
   <system:String x:Key="errors.diffsinger.downloadvocoder">Error loading vocoder "{0}". Please download vocoder from {1}</system:String>
@@ -578,6 +583,7 @@ Warning: this option removes custom presets.</system:String>
   <system:String x:Key="prefs.appearance.theme.dark">Dark</system:String>
   <system:String x:Key="prefs.appearance.theme.light">Light</system:String>
   <system:String x:Key="prefs.appearance.customtheme.edit.title">Edit Custom Theme</system:String>
+  <system:String x:Key="prefs.appearance.customtheme.easyedit.title">Edit Custom Theme Colorsets</system:String>
   <system:String x:Key="prefs.appearance.customtheme.delete.title">Delete Custom Theme</system:String>
   <system:String x:Key="prefs.appearance.customtheme.delete.message">Are you sure you want to delete this theme?</system:String>
   <system:String x:Key="prefs.appearance.customtheme.create.title">Create Custom Theme</system:String>
@@ -744,7 +750,42 @@ The voicebank may not work on another OS.</system:String>
   <system:String x:Key="singersetup.textfileencoding.prompt">Choose an encoding that make file contents look right.</system:String>
   <system:String x:Key="singersetup.title">Singer Setup</system:String>
 
+  <system:String x:Key="themeeditor.accentcolora">Accent Color 1</system:String>
+  <system:String x:Key="themeeditor.accentcolorb">Accent Color 2</system:String>
+  <system:String x:Key="themeeditor.accentcolorc">Accent Color 3</system:String>
+  <system:String x:Key="themeeditor.backgroundcolor">Background Color</system:String>
+  <system:String x:Key="themeeditor.backgroundcolordisabled">Background Color Disabled</system:String>
+  <system:String x:Key="themeeditor.backgroundcolorpointerover">Background Color Pointer Over</system:String>
+  <system:String x:Key="themeeditor.backgroundcolorpressed">Background Color Pressed</system:String>
+  <system:String x:Key="themeeditor.barnumbercolor">Bar Number Color</system:String>
+  <system:String x:Key="themeeditor.blackkeycolorleft">Black Key Color Left</system:String>
+  <system:String x:Key="themeeditor.blackkeycolorright">Black Key Color Right</system:String>
+  <system:String x:Key="themeeditor.blackkeynamecolor">Black Key Name Color</system:String>
+  <system:String x:Key="themeeditor.bordercolor">Border Color</system:String>
+  <system:String x:Key="themeeditor.bordercolorpointerover">Border Color Pointer Over</system:String>
+  <system:String x:Key="themeeditor.cancel">Cancel</system:String>
+  <system:String x:Key="themeeditor.centerkeycolorleft">Center Key Color Left</system:String>
+  <system:String x:Key="themeeditor.centerkeycolorright">Center Key Color Right</system:String>
+  <system:String x:Key="themeeditor.centerkeynamecolor">Center Key Name Color</system:String>
+  <system:String x:Key="themeeditor.finalpitchcolor">Final Pitch Color</system:String>
+  <system:String x:Key="themeeditor.foregroundcolor">Foreground Color</system:String>
+  <system:String x:Key="themeeditor.foregroundcolordisabled">Foreground Color Disabled</system:String>
+  <system:String x:Key="themeeditor.foregroundcolorpointerover">Foreground Color Pointer Over</system:String>
+  <system:String x:Key="themeeditor.foregroundcolorpressed">Foreground Color Pressed</system:String>
+  <system:String x:Key="themeeditor.isdarkmode">Is Darkmode</system:String>
+  <system:String x:Key="themeeditor.neutralaccentcolor">Neutral Accent Color</system:String>
+  <system:String x:Key="themeeditor.neutralaccentcolorpointerover">Neutral Accent Color Pointer Over</system:String>
+  <system:String x:Key="themeeditor.save">Save</system:String>
+  <system:String x:Key="themeeditor.switch">Switch to Easy Modemer</system:String>
+  <system:String x:Key="themeeditor.systemaccentcolor">System Accent Color</system:String>
+  <system:String x:Key="themeeditor.systemaccentcolordark">System Accent Color Light</system:String>
+  <system:String x:Key="themeeditor.systemaccentcolorlight">System Accent Color Dark</system:String>
+  <system:String x:Key="themeeditor.trackbackgroundaltcolor">Track Background Alt Color</system:String>
+  <system:String x:Key="themeeditor.ticklinecolor">Tick Line Color</system:String>
   <system:String x:Key="themeeditor.title">Theme Editor</system:String>
+  <system:String x:Key="themeeditor.whitekeycolorleft">White Key Color Left</system:String>
+  <system:String x:Key="themeeditor.whitekeycolorright">White Key Color Right</system:String>
+  <system:String x:Key="themeeditor.whitekeynamecolor">White Key Name Color</system:String>
 
   <system:String x:Key="tip.aliasbox">Override Alias</system:String>
   <system:String x:Key="tip.exps">Numerical,Options Type
diff --git a/OpenUtau/ViewModels/ThemeEditorViewModel.cs b/OpenUtau/ViewModels/ThemeEditorViewModel.cs
index dd0dc0fd2..41cb5d340 100644
--- a/OpenUtau/ViewModels/ThemeEditorViewModel.cs
+++ b/OpenUtau/ViewModels/ThemeEditorViewModel.cs
@@ -2,13 +2,14 @@
 using System.IO;
 using System.Text;
 using Avalonia;
+using Avalonia.Markup.Xaml.Templates;
 using Avalonia.Media;
 using Avalonia.Styling;
+using OpenUtau.Colors;
 using OpenUtau.Core;
 using ReactiveUI;
 using ReactiveUI.Fody.Helpers;
 using Serilog;
-using OpenUtau.Colors;
 
 namespace OpenUtau.App.ViewModels {
     public class ThemeEditorStateChangedEvent { }
@@ -59,6 +60,12 @@ public class ThemeEditorViewModel : ViewModelBase {
         [Reactive] public Color BlackKeyColorRight { get; set; }
         [Reactive] public Color BlackKeyNameColor { get; set; }
 
+        [Reactive] public Color MainColorA { get; set; }
+        [Reactive] public Color MainColorB { get; set; }
+        [Reactive] public bool IsDarkModeEasy { get; set; }
+
+        [Reactive] public bool IsEasyMode { get; set; } = true;
+
         public ThemeEditorViewModel(string customThemePath) {
             this.customThemePath = customThemePath;
 
@@ -110,6 +117,10 @@ public ThemeEditorViewModel(string customThemePath) {
             BlackKeyColorRight = Color.Parse(themeYaml.BlackKeyColorRight);
             BlackKeyNameColor = Color.Parse(themeYaml.BlackKeyNameColor);
 
+            MainColorA = Color.Parse(themeYaml.MainColorA);
+            MainColorB = Color.Parse(themeYaml.MainColorB);
+            IsDarkModeEasy = themeYaml.IsDarkModeEasy;
+
             this.WhenAnyValue(vm => vm.IsDarkMode)
                 .Subscribe(v => {
                     Application.Current!.Resources["IsDarkMode"] = v; 
@@ -121,6 +132,13 @@ public ThemeEditorViewModel(string customThemePath) {
                     ThemeManager.LoadTheme();
                 });
 
+
+            this.WhenAnyValue(vm => vm.IsDarkModeEasy)
+                .Subscribe(v => {
+                    Application.Current!.Resources["IsDarkModeEasy"] = v;
+                    UpdateColorsByMain();
+                });
+
             this.WhenAnyValue(vm => vm.BackgroundColor)
                 .Subscribe(v => Application.Current!.Resources["BackgroundColor"] = v);
 
@@ -221,6 +239,18 @@ public ThemeEditorViewModel(string customThemePath) {
 
             this.WhenAnyValue(vm => vm.BlackKeyNameColor)
                 .Subscribe(v => Application.Current!.Resources["BlackKeyNameColor"] = v);
+                
+            this.WhenAnyValue(vm => vm.MainColorA)
+                .Subscribe(v => {
+                    Application.Current!.Resources["MainColorA"] = v;
+                    UpdateColorsByMain();
+                });
+
+            this.WhenAnyValue(vm => vm.MainColorB)
+                .Subscribe(v => {
+                    Application.Current!.Resources["MainColorB"] = v;
+                    UpdateColorsByMain();
+                });
         }
 
         public void Save() {
@@ -265,11 +295,117 @@ public void Save() {
 
                 BlackKeyColorLeft = BlackKeyColorLeft.ToString(),
                 BlackKeyColorRight = BlackKeyColorRight.ToString(),
-                BlackKeyNameColor = BlackKeyNameColor.ToString()
+                BlackKeyNameColor = BlackKeyNameColor.ToString(),
+
+                MainColorA = MainColorA.ToString(),
+                MainColorB = MainColorB.ToString(),
+                IsDarkModeEasy = IsDarkModeEasy
             };
 
             File.WriteAllText(customThemePath, Yaml.DefaultSerializer.Serialize(themeYaml), Encoding.UTF8);
         }
 
+        private void UpdateColorsByMain() {
+            if (IsDarkModeEasy) {
+                BackgroundColor = Color.FromUInt32(0xFF303030);
+                BackgroundColorPointerOver = Color.FromUInt32(0xFF505050);
+                BackgroundColorPressed = Color.FromUInt32(0xFF707070);
+                BackgroundColorDisabled = Color.FromUInt32(0xFF404040);
+
+                ForegroundColor = Color.FromUInt32(0xFFE0E0E0);
+                ForegroundColorPointerOver = Color.FromUInt32(0xFFFCFCFC);
+                ForegroundColorPressed = Color.FromUInt32(0xFFFFFFFF);
+                ForegroundColorDisabled = Color.FromUInt32(0xFFA0A0A0);
+
+                BorderColor = Color.FromUInt32(0xFF707070);
+                BorderColorPointerOver = Color.FromUInt32(0xFFB0B0B0);
+
+                SystemAccentColor = MainColorA;
+                SystemAccentColorLight1 = ColorShift(MainColorA, 32);
+                SystemAccentColorDark1 = ColorMultiply(MainColorA, 0.8f);
+
+                NeutralAccentColor = Color.FromUInt32(0xFF808080);
+                NeutralAccentColorPointerOver = Color.FromUInt32(0xFFA0A0A0);
+                AccentColor1 = MainColorA;
+                AccentColor2 = ColorShift(MainColorB, 32);
+                AccentColor3 = ColorMultiply(MainColorB, 0.8f);
+
+                TickLineColor = Color.FromUInt32(0xFF707070);
+                BarNumberColor = Color.FromUInt32(0xFFD0D0D0);
+                FinalPitchColor = Color.FromUInt32(0xFFD0D0D0);
+                TrackBackgroundAltColor = Color.FromUInt32(0xFF404040);
+
+                WhiteKeyColorLeft = ColorMultiply(MainColorB, 0.9f);
+                WhiteKeyColorRight = MainColorB; 
+                WhiteKeyNameColor = Color.FromUInt32(0xFFFFFFFF);
+
+                CenterKeyColorLeft = ColorMultiply(ColorShift(MainColorB, 152), 0.9f);
+                CenterKeyColorRight = ColorShift(MainColorB, 152);
+                CenterKeyNameColor = MainColorB;
+
+                BlackKeyColorLeft = Color.FromUInt32(0x00000000);
+                BlackKeyColorRight = Color.FromUInt32(0x00000000);
+                BlackKeyNameColor = Color.FromUInt32(0xFFFFFFFF);
+            } else {
+                BackgroundColor = Color.FromUInt32(0xFFFFFFFF);
+                BackgroundColorPointerOver = Color.FromUInt32(0xFFF0F0F0);
+                BackgroundColorPressed = Color.FromUInt32(0xFFE0E0E0);
+                BackgroundColorDisabled = Color.FromUInt32(0xFFD0D0D0);
+
+                ForegroundColor = Color.FromUInt32(0xFF000000);
+                ForegroundColorPointerOver = Color.FromUInt32(0xFF000000);
+                ForegroundColorPressed = Color.FromUInt32(0xFF202020);
+                ForegroundColorDisabled = Color.FromUInt32(0xFF808080);
+
+                BorderColor = Color.FromUInt32(0xFF707070);
+                BorderColorPointerOver = Color.FromUInt32(0xFFB0B0B0);
+
+                SystemAccentColor = MainColorA;
+                SystemAccentColorLight1 = ColorShift(MainColorA, 32);
+                SystemAccentColorDark1 = ColorMultiply(MainColorA, 0.8f);
+
+                NeutralAccentColor = Color.FromUInt32(0xFFA7A7A7);
+                NeutralAccentColorPointerOver = Color.FromUInt32(0xFF909090);
+                AccentColor1 = MainColorA;
+                AccentColor2 = ColorShift(MainColorB, 32);
+                AccentColor3 = ColorMultiply(MainColorB, 0.8f);
+
+                TickLineColor = Color.FromUInt32(0xFFB0B0B0);
+                BarNumberColor = Color.FromUInt32(0xFFB0B0B0);
+                FinalPitchColor = Color.FromUInt32(0xFFC0C0C0);
+                TrackBackgroundAltColor = Color.FromUInt32(0xFFF0F0F0);
+
+                WhiteKeyColorLeft = Color.FromUInt32(0x00000000);
+                WhiteKeyColorRight = Color.FromUInt32(0x00000000);
+                WhiteKeyNameColor = MainColorB;
+
+                CenterKeyColorLeft = ColorShift(MainColorB, 144);
+                CenterKeyColorRight = ColorShift(MainColorB, 152);
+                CenterKeyNameColor = MainColorB;
+
+                BlackKeyColorLeft = ColorShift(MainColorB, 32);
+                BlackKeyColorRight = MainColorB;
+                BlackKeyNameColor = Color.FromUInt32(0xFFFFFFFF);
+            }
+            IsDarkMode = IsDarkModeEasy;
+        }
+
+        public static Color ColorMultiply(Color color, float ratio) {
+            return Color.FromArgb(
+                color.A,
+                (byte)((color.R * ratio) > 255 ? 255 : color.R * ratio),
+                (byte)((color.G * ratio) > 255 ? 255 : color.G * ratio),
+                (byte)((color.B * ratio) > 255 ? 255 : color.B * ratio)
+            );
+        }
+        public static Color ColorShift(Color color, int delta) {
+            return Color.FromArgb(
+                color.A,
+                (byte)((color.R + delta) > 255 ? 255 : ((color.R + delta) < 0 ? 0 : color.R + delta)),
+                (byte)((color.G + delta) > 255 ? 255 : ((color.G + delta) < 0 ? 0 : color.G + delta)),
+                (byte)((color.B + delta) > 255 ? 255 : ((color.B + delta) < 0 ? 0 : color.B + delta))
+            );
+        }
+
     }
 }
diff --git a/OpenUtau/Views/ThemeEditorWindow.axaml b/OpenUtau/Views/ThemeEditorWindow.axaml
index 815797e4f..b194919c3 100644
--- a/OpenUtau/Views/ThemeEditorWindow.axaml
+++ b/OpenUtau/Views/ThemeEditorWindow.axaml
@@ -1,157 +1,198 @@
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:local="using:OpenUtau.App.Views"
+        xmlns:vm="using:OpenUtau.App.ViewModels"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         mc:Ignorable="d" MinWidth="325" Width="325" Height="500"
         x:Class="OpenUtau.App.Views.ThemeEditorWindow" WindowStartupLocation="CenterOwner"
         Icon="/Assets/open-utau.ico"
         Title="{DynamicResource themeeditor.title}"
         Closing="WindowClosing" Topmost="True">
-  <Grid RowDefinitions="*,auto" Margin="0,10,0,10">
-    <ScrollViewer Grid.Row="0" Padding="10,0,10,0">
-      <StackPanel Spacing="5">
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="IsDarkMode"/>
-          <ToggleSwitch HorizontalAlignment="Right" IsChecked="{Binding IsDarkMode}"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BackgroundColor"/>
-          <ColorPicker Color="{Binding BackgroundColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BackgroundColorPointerOver"/>
-          <ColorPicker Color="{Binding BackgroundColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BackgroundColorPressed"/>
-          <ColorPicker Color="{Binding BackgroundColorPressed}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BackgroundColorDisabled"/>
-          <ColorPicker Color="{Binding BackgroundColorDisabled}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="ForegroundColor"/>
-          <ColorPicker Color="{Binding ForegroundColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="ForegroundColorPointerOver"/>
-          <ColorPicker Color="{Binding ForegroundColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="ForegroundColorPressed"/>
-          <ColorPicker Color="{Binding ForegroundColorPressed}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="ForegroundColorDisabled"/>
-          <ColorPicker Color="{Binding ForegroundColorDisabled}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BorderColor"/>
-          <ColorPicker Color="{Binding BorderColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BorderColorPointerOver"/>
-          <ColorPicker Color="{Binding BorderColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="SystemAccentColor"/>
-          <ColorPicker Color="{Binding SystemAccentColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="SystemAccentColorLight1"/>
-          <ColorPicker Color="{Binding SystemAccentColorLight1}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="SystemAccentColorDark1"/>
-          <ColorPicker Color="{Binding SystemAccentColorDark1}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="NeutralAccentColor"/>
-          <ColorPicker Color="{Binding NeutralAccentColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="NeutralAccentColorPointerOver"/>
-          <ColorPicker Color="{Binding NeutralAccentColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="AccentColor1"/>
-          <ColorPicker Color="{Binding AccentColor1}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="AccentColor2"/>
-          <ColorPicker Color="{Binding AccentColor2}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="AccentColor3"/>
-          <ColorPicker Color="{Binding AccentColor3}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="TickLineColor"/>
-          <ColorPicker Color="{Binding TickLineColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BarNumberColor"/>
-          <ColorPicker Color="{Binding BarNumberColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="FinalPitchColor"/>
-          <ColorPicker Color="{Binding FinalPitchColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="TrackBackgroundAltColor"/>
-          <ColorPicker Color="{Binding TrackBackgroundAltColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="WhiteKeyColorLeft"/>
-          <ColorPicker Color="{Binding WhiteKeyColorLeft}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="WhiteKeyColorRight"/>
-          <ColorPicker Color="{Binding WhiteKeyColorRight}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="WhiteKeyNameColor"/>
-          <ColorPicker Color="{Binding WhiteKeyNameColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="CenterKeyColorLeft"/>
-          <ColorPicker Color="{Binding CenterKeyColorLeft}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="CenterKeyColorRight"/>
-          <ColorPicker Color="{Binding CenterKeyColorRight}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="CenterKeyNameColor"/>
-          <ColorPicker Color="{Binding CenterKeyNameColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Separator Margin="0"/>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BlackKeyColorLeft"/>
-          <ColorPicker Color="{Binding BlackKeyColorLeft}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BlackKeyColorRight"/>
-          <ColorPicker Color="{Binding BlackKeyColorRight}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-        <Panel>
-          <TextBlock VerticalAlignment="Center" Text="BlackKeyNameColor"/>
-          <ColorPicker Color="{Binding BlackKeyNameColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
-        </Panel>
-      </StackPanel>
-    </ScrollViewer>
-    <Grid Grid.Row="1" HorizontalAlignment="Stretch" ColumnDefinitions="*,10,*" Margin="10,0,10,0">
-      <Button Grid.Column="0" Content="{DynamicResource button.cancel}" HorizontalAlignment="Stretch" Click="OnCancel" />
-      <Button Grid.Column="2" Content="{DynamicResource button.save}" HorizontalAlignment="Stretch" Click="OnSave"/>
-    </Grid>
-  </Grid>
+  <ContentControl x:Name="ContentControl"/>
+  <Window.Resources>
+    <DataTemplate x:Key="EasyMode" DataType="{x:Type vm:ThemeEditorViewModel}">
+      <Grid RowDefinitions="*,auto" Margin="0,10,0,10">
+        <ScrollViewer Grid.Row="0" Padding="10,0,10,0">
+          <StackPanel Spacing="5">
+            <Panel>
+                <Button Content="{DynamicResource easythemeeditor.switch}" Click="SwitchToAccurateMode"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource easythemeeditor.isdarkmode}"/>
+              <ToggleSwitch HorizontalAlignment="Right" IsChecked="{Binding IsDarkModeEasy}"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource easythemeeditor.maincolora}"/>
+              <ColorPicker Color="{Binding MainColorA}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource easythemeeditor.maincolorb}"/>
+              <ColorPicker Color="{Binding MainColorB}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+          </StackPanel>
+        </ScrollViewer>
+        <Grid Grid.Row="1" HorizontalAlignment="Stretch" ColumnDefinitions="*,10,*" Margin="10,0,10,0">
+          <Button Grid.Column="0" Content="{DynamicResource themeeditor.cancel}" HorizontalAlignment="Stretch" Click="OnCancel" />
+          <Button Grid.Column="2" Content="{DynamicResource themeeditor.save}" HorizontalAlignment="Stretch" Click="OnSave"/>
+        </Grid>
+      </Grid>
+    </DataTemplate>
+    <DataTemplate x:Key="AccurateMode" DataType="{x:Type vm:ThemeEditorViewModel}">
+      <Grid RowDefinitions="*,auto" Margin="0,10,0,10">
+        <ScrollViewer Grid.Row="0" Padding="10,0,10,0">
+          <StackPanel Spacing="5">
+            <Panel>
+                <Button Content="{DynamicResource themeeditor.switch}" Click="SwitchToEasyMode"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.isdarkmode}"/>
+              <ToggleSwitch HorizontalAlignment="Right" IsChecked="{Binding IsDarkMode}"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.backgroundcolor}"/>
+              <ColorPicker Color="{Binding BackgroundColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.backgroundcolorpointerover}"/>
+              <ColorPicker Color="{Binding BackgroundColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.backgroundcolorpressed}"/>
+              <ColorPicker Color="{Binding BackgroundColorPressed}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.backgroundcolordisabled}"/>
+              <ColorPicker Color="{Binding BackgroundColorDisabled}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.foregroundcolor}"/>
+              <ColorPicker Color="{Binding ForegroundColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.foregroundcolorpointerover}"/>
+              <ColorPicker Color="{Binding ForegroundColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.foregroundcolorpressed}"/>
+              <ColorPicker Color="{Binding ForegroundColorPressed}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.foregroundcolordisabled}"/>
+              <ColorPicker Color="{Binding ForegroundColorDisabled}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.bordercolor}"/>
+              <ColorPicker Color="{Binding BorderColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.bordercolorpointerover}"/>
+              <ColorPicker Color="{Binding BorderColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.systemaccentcolor}"/>
+              <ColorPicker Color="{Binding SystemAccentColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.systemaccentcolorlight}"/>
+              <ColorPicker Color="{Binding SystemAccentColorLight1}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.systemaccentcolordark}"/>
+              <ColorPicker Color="{Binding SystemAccentColorDark1}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.neutralaccentcolor}"/>
+              <ColorPicker Color="{Binding NeutralAccentColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.neutralaccentcolorpointerover}"/>
+              <ColorPicker Color="{Binding NeutralAccentColorPointerOver}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.accentcolora}"/>
+              <ColorPicker Color="{Binding AccentColor1}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.accentcolorb}"/>
+              <ColorPicker Color="{Binding AccentColor2}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.accentcolorc}"/>
+              <ColorPicker Color="{Binding AccentColor3}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.ticklinecolor}"/>
+              <ColorPicker Color="{Binding TickLineColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.barnumbercolor}"/>
+              <ColorPicker Color="{Binding BarNumberColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.finalpitchcolor}"/>
+              <ColorPicker Color="{Binding FinalPitchColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.trackbackgroundaltcolor}"/>
+              <ColorPicker Color="{Binding TrackBackgroundAltColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.whitekeycolorleft}"/>
+              <ColorPicker Color="{Binding WhiteKeyColorLeft}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.whitekeycolorright}"/>
+              <ColorPicker Color="{Binding WhiteKeyColorRight}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.whitekeynamecolor}"/>
+              <ColorPicker Color="{Binding WhiteKeyNameColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.centerkeycolorleft}"/>
+              <ColorPicker Color="{Binding CenterKeyColorLeft}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.centerkeycolorright}"/>
+              <ColorPicker Color="{Binding CenterKeyColorRight}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.centerkeynamecolor}"/>
+              <ColorPicker Color="{Binding CenterKeyNameColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Separator Margin="0"/>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.blackkeycolorleft}"/>
+              <ColorPicker Color="{Binding BlackKeyColorLeft}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.blackkeycolorright}"/>
+              <ColorPicker Color="{Binding BlackKeyColorRight}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+            <Panel>
+              <TextBlock VerticalAlignment="Center" Text="{DynamicResource themeeditor.blackkeynamecolor}"/>
+              <ColorPicker Color="{Binding BlackKeyNameColor}" ColorSpectrumShape="Ring" HorizontalAlignment="Right"/>
+            </Panel>
+          </StackPanel>
+        </ScrollViewer>
+        <Grid Grid.Row="1" HorizontalAlignment="Stretch" ColumnDefinitions="*,10,*" Margin="10,0,10,0">
+          <Button Grid.Column="0" Content="{DynamicResource themeeditor.cancel}" HorizontalAlignment="Stretch" Click="OnCancel" />
+          <Button Grid.Column="2" Content="{DynamicResource themeeditor.save}" HorizontalAlignment="Stretch" Click="OnSave"/>
+        </Grid>
+      </Grid>
+    </DataTemplate>
+  </Window.Resources>
 </Window>
+
diff --git a/OpenUtau/Views/ThemeEditorWindow.axaml.cs b/OpenUtau/Views/ThemeEditorWindow.axaml.cs
index f75a864c6..83ffadd04 100644
--- a/OpenUtau/Views/ThemeEditorWindow.axaml.cs
+++ b/OpenUtau/Views/ThemeEditorWindow.axaml.cs
@@ -3,6 +3,7 @@
 using Avalonia.Controls;
 using Avalonia.Controls.ApplicationLifetimes;
 using Avalonia.Interactivity;
+using Avalonia.Markup.Xaml.Templates;
 using OpenUtau.App.ViewModels;
 using ReactiveUI;
 
@@ -16,6 +17,37 @@ public partial class ThemeEditorWindow : Window {
         private ThemeEditorWindow(string customThemePath) {
             InitializeComponent();
             DataContext = new ThemeEditorViewModel(customThemePath);
+            UpdateTemplate();
+            if (DataContext is ThemeEditorViewModel vm) {
+                vm.PropertyChanged += (s, e) =>
+                {
+                    if (e.PropertyName == nameof(ThemeEditorViewModel.IsEasyMode)) {
+                        UpdateTemplate();
+                    }
+                };
+            }
+        }
+
+        private void UpdateTemplate() {
+            if (DataContext is ThemeEditorViewModel vm && ContentControl != null) {
+                var template = vm.IsEasyMode
+                    ? this.FindResource("EasyMode") as DataTemplate
+                    : this.FindResource("AccurateMode") as DataTemplate;
+                ContentControl.ContentTemplate = template;
+                ContentControl.Content = vm;
+            }
+        }
+
+        void SwitchToAccurateMode(object? sender, RoutedEventArgs e) {
+            if (DataContext is ThemeEditorViewModel vm) {
+                vm.IsEasyMode = false;
+            }
+        }
+
+        void SwitchToEasyMode(object? sender, RoutedEventArgs e) {
+            if (DataContext is ThemeEditorViewModel vm) {
+                vm.IsEasyMode = true;
+            }
         }
 
         void OnCancel(object? sender, RoutedEventArgs e) {