diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index c94494fa44..9ec3b14464 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -1,6 +1,6 @@
 <div class="modal fade" id="themePickerModal" tabindex="-1" role="dialog" aria-labelledby="themePickerModalTitle" aria-hidden="true">
 	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" role="document">
-		<div class="modal-content bg-gray-100 dark:bg-gray-800 rounded-md shadow-lg">
+		<div class="modal-content bg-gray-100 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-lg">
 			<div class="modal-header">
 				<h5 class="font-bold text-xl font-heading leading-normal">Select theme</h5>
 				<button type="button" class="close text-gray-700 hover:text-gray-900 dark:text-gray-500 dark:hover:text-gray-400" data-bs-dismiss="modal" aria-label="Close">
@@ -13,7 +13,7 @@
 					<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">
-							<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-700 hover:bg-gray-100 peer-checked:border-primary rounded-lg overflow-hidden">
+							<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 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>
 									<div class="h-5 w-full bg-[#d1dbd5]"></div>
@@ -28,7 +28,7 @@
 										</li>
 									</ul>
 								</div>
-								<div class="w-full border-t border-gray-200 dark:border-gray-700 p-2 text-center">
+								<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
 									<span class="font-bold text-base">Evergreen</span>
 								</div>
 							</label>