diff --git a/files/static/dist/main.css b/files/static/dist/main.css
index b958aa86ab..3fe74e0ece 100644
--- a/files/static/dist/main.css
+++ b/files/static/dist/main.css
@@ -1779,6 +1779,10 @@ video {
 	--tw-bg-opacity: 1;
 	background-color: rgba(82, 76, 55, var(--tw-bg-opacity));
 }
+.bg-\[\#dbdad1\] {
+	--tw-bg-opacity: 1;
+	background-color: rgba(219, 218, 209, var(--tw-bg-opacity));
+}
 .bg-\[\#ebe9e5\] {
 	--tw-bg-opacity: 1;
 	background-color: rgba(235, 233, 229, var(--tw-bg-opacity));
diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index 65087f9ca5..905372dd62 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -226,8 +226,8 @@
 						<label for="mocha-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 rounded-lg overflow-hidden">
 							<div class="flex flex-col w-full h-full bg-[#524c37]">
 								<div class="h-3 w-full bg-[#524c37]"></div>
-								<div class="h-4 w-full bg-[#ebe9e5]"></div>
-								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#fcdff0] p-2 mb-0">
+								<div class="h-4 w-full bg-[#dbdad1]"></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-[#059669]"></i>
 										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>