diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index 01e57b3c9..64a829d63 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -20,17 +20,17 @@
 								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#e5ebe7] p-2 mb-0">
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-[#dc2626]"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
+										<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-[#dc2626]"></div>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
+										<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-transparent"></div>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
+										<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-transparent"></div>
 									</li>
 								</ul>
@@ -80,17 +80,17 @@
 								<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-[#db2777]"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
+										<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>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
+										<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-transparent"></div>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
+										<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-transparent"></div>
 									</li>
 								</ul>
@@ -110,17 +110,17 @@
 								<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-[#0284c7]"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
+										<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-[#0284c7]"></div>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
+										<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-transparent"></div>
 									</li>
 									<li class="flex">
 										<i class="fas fa-arrow-alt-up text-[8px] text-gray-400"></i>
-										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/50"></div>
+										<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-transparent"></div>
 									</li>
 								</ul>