diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index f9657026b8..21d9bf9c2b 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -13,7 +13,7 @@
 					<!-- Evergreen -->
 					<div class="flex flex-wrap -mx-4 overflow-hidden">
 						<div class="my-4 px-4 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
-							<input hidden name="kind" value="evergreen" type="radio" id="evergreen-theme" class="peer">
+							<input hidden name="kind" value="evergreen" type="radio" id="evergreen-theme" class="peer" onchange="changeTheme(['evergreen-theme']);">
 							<label for="evergreen-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-200 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-primary rounded-lg overflow-hidden">
 								<div class="flex flex-col w-full h-full bg-[#37523e]">
 									<div class="h-3 w-full bg-[#37523e]"></div>
@@ -45,7 +45,7 @@
 					<!-- Iron -->
 					<div class="flex flex-wrap -mx-4 overflow-hidden">
 						<div class="my-4 px-4 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
-							<input hidden name="kind" value="iron" type="radio" id="iron-theme" class="peer">
+							<input hidden name="kind" value="iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['iron-theme','dark']);">
 							<label for="iron-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-200 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-primary rounded-lg overflow-hidden">
 								<div class="flex flex-col w-full h-full bg-[#3f3f46]">
 									<div class="h-3 w-full bg-[#3f3f46]"></div>