diff --git a/files/static/src/main.css b/files/static/src/main.css
index ca9d5c9a18..a093bc0149 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -223,6 +223,19 @@
 	--color-900: 17,40,23;
 }
 
+.theme-savile-row {
+	--color-primary: 21,94,117;
+	--color-100: 246,245,244;
+	--color-200: 235,233,229;
+	--color-300: 219,216,209;
+	--color-400: 175,169,155;
+	--color-500: 148,143,129;
+	--color-600: 99,92,78;
+	--color-700: 82,71,55;
+	--color-800: 55,46,31;
+	--color-900: 40,31,17;
+}
+
 /* ----------------------- VARIABLES --------------------- */
 /*:root {
 	--color-primary: 220, 38, 38;
diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index f56b9e61ec..7a0cd14e67 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -557,12 +557,42 @@
 							<div class="flex flex-col w-full h-full bg-[#001f1b]">
 								<div class="h-3 w-full bg-[#001f1b]"></div>
 								<div class="h-4 w-full bg-[#001f1b]"></div>
-								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#001f1b] p-2 mb-0">
+								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#00001f] p-2 mb-0">
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-[#48ec87]"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
+										<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
 										<div class="ml-auto h-2 w-1/4 rounded-full bg-[#48ec87]"></div>
 									</li>
+									<li class="flex">
+										<i class="fas fa-arrow-alt-up text-[8px] text-white/50"></i>
+										<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
+										<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
+									</li>
+									<li class="flex">
+										<i class="fas fa-arrow-alt-up text-[8px] text-white/50"></i>
+										<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
+										<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
+									</li>
+								</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">War Games</span>
+							</div>
+						</label>
+					</div>
+					<!-- 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-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-[#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-[#155e75]"></div>
+									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
 										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
@@ -576,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">War Games</span>
+								<span class="font-bold text-base">Savile Row</span>
 							</div>
 						</label>
 					</div>