diff --git a/exclude/data/ui/chart-editor/components/menubar.xml b/exclude/data/ui/chart-editor/components/menubar.xml
index ecbf95f5b..f83cc94de 100644
--- a/exclude/data/ui/chart-editor/components/menubar.xml
+++ b/exclude/data/ui/chart-editor/components/menubar.xml
@@ -15,7 +15,7 @@
     <menu-item id="menubarItemSaveChart" text="Save Chart" shortcutText="Ctrl+S" />
     <menu-item id="menubarItemSaveChartAs" text="Save Chart As..." shortcutText="Ctrl+Shift+S" />
     <menu-separator />
-    <menu-item id="menubarItemPreferences" text="Preferences" disabled="true" />
+    <menu-item id="menubarItemPreferences" text="Preferences" />
     <menu-separator />
     <menu-item id="menubarItemExit" text="Exit" shortcutText="Ctrl+Q" />
   </menu>
@@ -53,18 +53,9 @@
       <menu-item id="menuBarItemNoteSnapDecrease" text="Decrease Note Snap Precision" shortcutText="Left Arrow" />
       <menu-item id="menuBarItemNoteSnapIncrease" text="Increase Note Snap Precision" shortcutText="Right Arrow" />
     </menu>
-    <menu text="Live Input Mode">
-      <menuoptionbox id="menuBarItemInputStyleNone" text="None" group="menubarItemInputStyleGroup" />
-      <menuoptionbox id="menuBarItemInputStyleNumberKeys" text="Number Keys" group="menubarItemInputStyleGroup" />
-      <menuoptionbox id="menuBarItemInputStyleWASD" text="WASD + Arrows" group="menubarItemInputStyleGroup" />
-    </menu>
   </menu>
   <menu text="View">
     <menu-checkbox id="menubarItemDownscroll" text="Downscroll" disabled="true" />
-    <menu text="Theme">
-      <menu-option-box id="menuBarItemThemeLight" text="Light" group="menubarItemThemeGroup" selected="true" />
-      <menu-option-box id="menuBarItemThemeDark" text="Dark" group="menubarItemThemeGroup" />
-    </menu>
     <menu-separator />
     <menu-checkbox id="menubarItemViewIndicators" text="Note Kind Indicator" tooltip="Show an indicator if a note is of a non-default kind." />
     <menu-separator />
@@ -118,8 +109,6 @@
       <label id="menubarLabelPlaybackSpeed" styleName="menuLabel" text="Playback Speed - 100%" />
       <slider id="menubarItemPlaybackSpeed" width="100%" majorTicks="10" minorTicks="5" pos="50" />
     </vbox>
-    <menu-separator />
-    <menu-checkbox id="menubarItemThemeMusic" text="Play Theme Music" />
   </menu>
   <menu text="Test">
     <menu-item id="menubarItemPlaytestFull" text="Playtest Chart" shortcutText="Enter" />
diff --git a/exclude/data/ui/chart-editor/dialogs/preferences.xml b/exclude/data/ui/chart-editor/dialogs/preferences.xml
new file mode 100644
index 000000000..2af6055fd
--- /dev/null
+++ b/exclude/data/ui/chart-editor/dialogs/preferences.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<collapsible-dialog id="preferenceDialog" title="Preferences" width="320" style="minHeight:200">
+	<vbox width="100%">
+		<checkbox id="optionsThemeMusic" text="Play Theme Music" tooltip="Whether to play theme music whenever opening the chart editor." />
+		<menu-separator />
+		<grid columns="2" width="100%" tooltip="At what difficulty the song will start at when using the 'Welcome' dialogue.">
+			<label text="Song Starting Difficulty" verticalAlign="center" />
+			<dropdown id="optionsStartingDifficulty" width="100%" dropdownSize="10" dropdownWidth="120" />
+		</grid>
+		<grid columns="2" width="100%" tooltip="At what variation the song will start at when using the 'Welcome' dialogue.">
+			<label text="Song Starting Variation" verticalAlign="center" />
+			<dropdown id="optionsStartingVariation" width="100%" dropdownSize="10" dropdownWidth="125" />
+		</grid>
+		<menu-separator />
+		<checkbox id="optionsAutoSaveExit" text="Auto Save on Exit" tooltip="Whether to auto save the chart every few minutes." />
+		<grid columns="2" width="100%" tooltip="The time in minutes that the auto save will occur.">
+			<label text="Auto Save Timer (Minutes)" verticalAlign="center" />
+			<number-stepper id="optionsAutoSaveTimer" style="font-size: 10px" pos="5" step="0.5" min="1" max="10" precision="1" width="100%" />
+		</grid>
+		<menu-separator />
+		<grid columns="2" width="100%" tooltip="The live input mode to use when charting.">
+			<label text="Live Input Mode" verticalAlign="center" />
+			<option-stepper id="optionsLiveInputMode" width="100%">
+				<data>
+					<item text="None" id="None" />
+					<item text="Number Keys" id="NumberKeys" />
+					<item text="WASD + Arrows" id="WASDKeys" />
+				</data>
+			</option-stepper>
+		</grid>
+		<menu-separator />
+		<grid columns="2" width="100%" tooltip="Adjust how you want your chart editor to look.\nMake it as unique as you can!">
+			<label text="Chart Editor Theme" verticalAlign="center" />
+			<dropdown id="optionsThemeGroup" width="100%" dropdownSize="5" dropdownWidth="160" searchable="true" />
+		</grid>
+	</vbox>
+</collapsible-dialog>
diff --git a/exclude/data/ui/stage-editor/components/menu.xml b/exclude/data/ui/stage-editor/components/menu.xml
index 49e58e6aa..00c7c63e0 100644
--- a/exclude/data/ui/stage-editor/components/menu.xml
+++ b/exclude/data/ui/stage-editor/components/menu.xml
@@ -17,6 +17,8 @@
     <menu-separator />
     <menu-item id="menubarItemClearAssets" text="Clear Assets" style="color: indianred" />
     <menu-separator />
+    <menu-item id="menubarItemPreferences" text="Preferences"/>
+    <menu-separator />
     <menu-item id="menubarItemExit" text="Exit" shortcutText="Ctrl + Q" />
   </menu>
   <menu text="Edit" id="menubarMenuEdit">
@@ -32,16 +34,11 @@
     <menu-item id="menubarItemFindObj" text="Find Object" shortcutText="Ctrl + F" />
   </menu>
   <menu text="View" id="menubarMenuView">
-    <menu text="Theme">
-      <menu-option-box id="menubarItemThemeLight" text="Light" group="menubarItemThemeGroup" tooltip="Change the Background's Color Scheme to Light Mode." />
-      <menu-option-box id="menubarItemThemeDark" text="Dark" group="menubarItemThemeGroup" tooltip="Change the Background's Color Scheme to Dark Mode." />
-    </menu>
-    <menu-separator />
-    <menu-checkbox id="menubarItemViewChars" text="View Characters" selected="true" tooltip="Show Characters." />
-    <menu-checkbox id="menubarItemViewNameText" text="View Name Text" selected="true" tooltip="Show the Text above Cursor with the Name of an Asset directly below Cursor." />
-    <menu-checkbox id="menubarItemViewFloorLines" text="View Floor Lines" tooltip="Show Lines that indicate the Floor of Characters." />
-    <menu-checkbox id="menubarItemViewPosMarkers" text="View Position Markers" tooltip="Show Circles that show the Feet Position of Characters." />
-    <menu-checkbox id="menubarItemViewCamBounds" text="View Camera Bounds" tooltip="Show Rectangles representing the Camera View upon being focused on a Character." />
+    <menu-checkbox id="menubarItemViewChars" text="View Characters" selected="true" tooltip="Show Characters."/>
+    <menu-checkbox id="menubarItemViewNameText" text="View Name Text" selected="true" tooltip="Show the Text above Cursor with the Name of an Asset directly below Cursor."/>
+    <menu-checkbox id="menubarItemViewFloorLines" text="View Floor Lines" tooltip="Show Lines that indicate the Floor of Characters."/>
+    <menu-checkbox id="menubarItemViewPosMarkers" text="View Position Markers" tooltip="Show Circles that show the Feet Position of Characters."/>
+    <menu-checkbox id="menubarItemViewCamBounds" text="View Camera Bounds" tooltip="Show Rectangles representing the Camera View upon being focused on a Character."/>
   </menu>
   <menu text="Windows" id="menubarMenuWindow">
     <menu-checkbox id="menubarItemWindowObjectGraphic" text="Object Graphic" />
diff --git a/exclude/data/ui/stage-editor/dialogs/preferences.xml b/exclude/data/ui/stage-editor/dialogs/preferences.xml
new file mode 100644
index 000000000..cba278fb7
--- /dev/null
+++ b/exclude/data/ui/stage-editor/dialogs/preferences.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<collapsible-dialog id="preferenceDialog" title="Preferences" width="320" style="minHeight:200">
+  <vbox width="100%">
+    <checkbox id="optionsThemeMusic" text="Play Theme Music" tooltip="Whether to play theme music whenever opening the stage editor." />
+		<menu-separator />
+    <grid columns="2" width="100%" tooltip="Adjust how you want your stage editor to look.\nMake it as unique as you can!">
+			<label text="Stage Editor Theme" verticalAlign="center" />
+			<dropdown id="optionsThemeGroup" width="100%" dropdownSize="5" dropdownWidth="160" searchable="true" />
+		</grid>
+  </vbox>
+</collapsible-dialog>
diff --git a/preload/data/ui/themes/chocolate.json b/preload/data/ui/themes/chocolate.json
new file mode 100644
index 000000000..2ddc7f573
--- /dev/null
+++ b/preload/data/ui/themes/chocolate.json
@@ -0,0 +1,18 @@
+{
+  "version": "1.0.0",
+  "name": "Chocolate",
+  "chart": {
+    "background": "0xFFBF955F",
+    "gridColors": ["0xFFF5E8D3", "0xFFFFF5E6", "0xFFE6D2B5"],
+    "gridStrumlineDivider": "0xFF8B5A2B",
+    "gridMeasureDivider": "0xFF8B5A2B",
+    "gridBeatDivider": "0xFF6B4226",
+    "selectionSquareBorder": "0xFFA67B5B",
+    "selectionSquareFill": "0x40A67B5B",
+    "notePreviewViewportBorder": "0xFFDAC4A6",
+    "notePreviewViewportFill": "0x80DAC4A6"
+  },
+  "stage": {
+    "backgroundColors": ["0xFFF5E8D3", "0xFFFFF5E6"]
+  }
+}
diff --git a/preload/data/ui/themes/dark.json b/preload/data/ui/themes/dark.json
new file mode 100644
index 000000000..bd9719fa1
--- /dev/null
+++ b/preload/data/ui/themes/dark.json
@@ -0,0 +1,18 @@
+{
+  "version": "1.0.0",
+  "name": "Dark",
+  "chart": {
+    "background": "0xFF361E60",
+    "gridColors": ["0xFF181919", "0xFF202020", "0xFF262A2A"],
+    "gridStrumlineDivider": "0xFFC4C4C4",
+    "gridMeasureDivider": "0xFFC4C4C4",
+    "gridBeatDivider": "0xFF848484",
+    "selectionSquareBorder": "0xFF339933",
+    "selectionSquareFill": "0x4033FF33",
+    "notePreviewViewportBorder": "0xFFF8A657",
+    "notePreviewViewportFill": "0x80F8A657"
+  },
+  "stage": {
+    "backgroundColors": ["0xFF181919", "0xFF202020"]
+  }
+}
diff --git a/preload/data/ui/themes/disgusting-orange-boy.json b/preload/data/ui/themes/disgusting-orange-boy.json
new file mode 100644
index 000000000..25b77f375
--- /dev/null
+++ b/preload/data/ui/themes/disgusting-orange-boy.json
@@ -0,0 +1,18 @@
+{
+  "version": "1.0.0",
+  "name": "Disgusting Orange Boy",
+  "chart": {
+    "background": "0xFFD9954B",
+    "gridColors": ["0xFFF1E2D1", "0xFFFDF7F0", "0xFFF4DDC6"],
+    "gridStrumlineDivider": "0xFFCDB7A6",
+    "gridMeasureDivider": "0xFFCDB7A6",
+    "gridBeatDivider": "0xFF9C8574",
+    "selectionSquareBorder": "0xFFD9964C",
+    "selectionSquareFill": "0x40D9964C",
+    "notePreviewViewportBorder": "0xFFE9B181",
+    "notePreviewViewportFill": "0x80E9B181"
+  },
+  "stage": {
+    "backgroundColors": ["0xFFF1E2D1", "0xFFFDF7F0"]
+  }
+}
diff --git a/preload/data/ui/themes/gentle-blue.json b/preload/data/ui/themes/gentle-blue.json
new file mode 100644
index 000000000..5a2690519
--- /dev/null
+++ b/preload/data/ui/themes/gentle-blue.json
@@ -0,0 +1,18 @@
+{
+  "version": "1.0.0",
+  "name": "Gentle Blue",
+  "chart": {
+    "background": "0xFF70A2D8",
+    "gridColors": ["0xFFE2ECF8", "0xFFF6FAFF", "0xFFD5E5F5"],
+    "gridStrumlineDivider": "0xFFB8C8D5",
+    "gridMeasureDivider": "0xFFB8C8D5",
+    "gridBeatDivider": "0xFF8A9BA7",
+    "selectionSquareBorder": "0xFF70A1D7",
+    "selectionSquareFill": "0x4070A1D7",
+    "notePreviewViewportBorder": "0xFF9EC6E9",
+    "notePreviewViewportFill": "0x809EC6E9"
+  },
+  "stage": {
+    "backgroundColors": ["0xFFE2ECF8", "0xFFF6FAFF"]
+  }
+}
diff --git a/preload/data/ui/themes/girlypop-pink.json b/preload/data/ui/themes/girlypop-pink.json
new file mode 100644
index 000000000..105edf5b4
--- /dev/null
+++ b/preload/data/ui/themes/girlypop-pink.json
@@ -0,0 +1,18 @@
+{
+  "version": "1.0.0",
+  "name": "Girlypop Pink",
+  "chart": {
+    "background": "0xFFFFB1CC",
+    "gridColors": ["0xFFFFDBEC", "0xFFFFF3FA", "0xFFFFCBE6"],
+    "gridStrumlineDivider": "0xFFDEAFCA",
+    "gridMeasureDivider": "0xFFDEAFCA",
+    "gridBeatDivider": "0xFFBC8BA9",
+    "selectionSquareBorder": "0xFFFF4081",
+    "selectionSquareFill": "0x40FF4081",
+    "notePreviewViewportBorder": "0xFFFF8AAD",
+    "notePreviewViewportFill": "0x80FF8AAD"
+  },
+  "stage": {
+    "backgroundColors": ["0xFFFFDBEC", "0xFFFFF3FA"]
+  }
+}
diff --git a/preload/data/ui/themes/legacy.json b/preload/data/ui/themes/legacy.json
new file mode 100644
index 000000000..061394db5
--- /dev/null
+++ b/preload/data/ui/themes/legacy.json
@@ -0,0 +1,13 @@
+{
+  "version": "1.0.0",
+  "name": "Legacy",
+  "chart": {
+    "background": "0xFF303030",
+    "gridColors": ["0xFFDFDFDF", "0xFFBFBFBF", "0xFF9F9F9F"],
+    "gridStrumlineDivider": "0xFF000000",
+    "gridBeatDivider": "0xFF7F7F7F"
+  },
+  "stage": {
+    "backgroundColors": ["0xFF303030", "0xFF404040"]
+  }
+}
diff --git a/preload/data/ui/themes/light.json b/preload/data/ui/themes/light.json
new file mode 100644
index 000000000..cb8c0e79f
--- /dev/null
+++ b/preload/data/ui/themes/light.json
@@ -0,0 +1,18 @@
+{
+  "version": "1.0.0",
+  "name": "Light",
+  "chart": {
+    "background": "0xFF673AB7",
+    "gridColors": ["0xFFE7E6E6", "0xFFF8F8F8", "0xFFD9D5D5"],
+    "gridStrumlineDivider": "0xFF111111",
+    "gridMeasureDivider": "0xFF111111",
+    "gridBeatDivider": "0xFFC1C1C1",
+    "selectionSquareBorder": "0xFF339933",
+    "selectionSquareFill": "0x4033FF33",
+    "notePreviewViewportBorder": "0xFFF8A657",
+    "notePreviewViewportFill": "0x80F8A657"
+  },
+  "stage": {
+    "backgroundColors": ["0xFFE7E6E6", "0xFFF8F8F8"]
+  }
+}
diff --git a/preload/data/ui/themes/muted.json b/preload/data/ui/themes/muted.json
new file mode 100644
index 000000000..529e1082e
--- /dev/null
+++ b/preload/data/ui/themes/muted.json
@@ -0,0 +1,16 @@
+{
+  "version": "1.0.0",
+  "name": "Muted",
+  "chart": {
+    "background": "0xFF4A4E69",
+    "gridColors": ["0xFFD6D6D6", "0xFFE0E1DD", "0xFFB8B8B8"],
+    "gridStrumlineDivider": "0xFF2E2E2E",
+    "gridMeasureDivider": "0xFF2E2E2E",
+    "gridBeatDivider": "0xFF7D7D7D",
+    "selectionSquareBorder": "0xFF88C0D0",
+    "selectionSquareFill": "0x4088C0D0"
+  },
+  "stage": {
+    "backgroundColors": ["0xFFD6D6D6", "0xFFE0E1DD"]
+  }
+}