diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index 4680d1164..c9ec066a6 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -70,18 +70,18 @@
 							</div>
 						</label>
 					</div>
-					<!-- Slate -->
+					<!-- Savile Row -->
 					<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
-						<input hidden name="theme" value="theme-iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-iron'%}checked{% endif %}>
-						<label for="iron-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
-							<div class="flex flex-col w-full h-full bg-[#3f3f46]">
-								<div class="h-3 w-full bg-[#3f3f46]"></div>
-								<div class="h-4 w-full bg-[#d4d4d8]"></div>
-								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#e4e4e7] p-2 mb-0">
+						<input hidden name="theme" value="theme-savile-row" type="radio" id="savile-row-theme" class="peer" onchange="changeTheme(['theme-savile-row']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-savile-row' %}checked{% endif %}>
+						<label for="savile-row-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
+							<div class="flex flex-col w-full h-full bg-[#524737]">
+								<div class="h-3 w-full bg-[#524737]"></div>
+								<div class="h-4 w-full bg-[#dbd8d1]"></div>
+								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#ebe9e5] p-2 mb-0">
 									<li class="flex">
-										<i class="fas fa-arrow-alt-up text-[8px] text-[#db2777]"></i>
+										<i class="fas fa-arrow-alt-up text-[8px] text-[#155e75]"></i>
 										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
-										<div class="ml-auto h-2 w-1/4 rounded-full bg-[#db2777]"></div>
+										<div class="ml-auto h-2 w-1/4 rounded-full bg-[#155e75]"></div>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
@@ -96,7 +96,7 @@
 								</ul>
 							</div>
 							<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
-								<span class="font-bold text-base">Slate</span>
+								<span class="font-bold text-base">Savile Row</span>
 							</div>
 						</label>
 					</div>
@@ -190,7 +190,7 @@
 							</div>
 						</label>
 					</div>
-					<!-- Bubblegum -->
+					<!-- Confection -->
 					<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
 						<input hidden name="theme" value="theme-bubblegum" type="radio" id="bubblegum-theme" class="peer" onchange="changeTheme(['theme-bubblegum']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-bubblegum'%}checked{% endif %}>
 						<label for="bubblegum-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
@@ -460,7 +460,7 @@
 							</div>
 						</label>
 					</div>
-					<!-- yale -->
+					<!-- Yale -->
 					<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
 						<input hidden name="theme" value="theme-yale dark" type="radio" id="yale-theme" class="peer" onchange="changeTheme(['theme-yale','dark']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-yale dark' %}checked{% endif %}>
 						<label for="yale-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
@@ -580,18 +580,18 @@
 							</div>
 						</label>
 					</div>
-					<!-- Savile Row -->
+					<!-- Slate -->
 					<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
-						<input hidden name="theme" value="theme-savile-row" type="radio" id="savile-row-theme" class="peer" onchange="changeTheme(['theme-savile-row']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-savile-row' %}checked{% endif %}>
-						<label for="savile-row-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
-							<div class="flex flex-col w-full h-full bg-[#524737]">
-								<div class="h-3 w-full bg-[#524737]"></div>
-								<div class="h-4 w-full bg-[#dbd8d1]"></div>
-								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#ebe9e5] p-2 mb-0">
+						<input hidden name="theme" value="theme-iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-iron'%}checked{% endif %}>
+						<label for="iron-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
+							<div class="flex flex-col w-full h-full bg-[#3f3f46]">
+								<div class="h-3 w-full bg-[#3f3f46]"></div>
+								<div class="h-4 w-full bg-[#d4d4d8]"></div>
+								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#e4e4e7] p-2 mb-0">
 									<li class="flex">
-										<i class="fas fa-arrow-alt-up text-[8px] text-[#155e75]"></i>
+										<i class="fas fa-arrow-alt-up text-[8px] text-[#db2777]"></i>
 										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
-										<div class="ml-auto h-2 w-1/4 rounded-full bg-[#155e75]"></div>
+										<div class="ml-auto h-2 w-1/4 rounded-full bg-[#db2777]"></div>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
@@ -606,7 +606,7 @@
 								</ul>
 							</div>
 							<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
-								<span class="font-bold text-base">Savile Row</span>
+								<span class="font-bold text-base">Slate</span>
 							</div>
 						</label>
 					</div>