diff --git a/files/static/dist/main.css b/files/static/dist/main.css
index aebb99e147..702b53ba86 100644
--- a/files/static/dist/main.css
+++ b/files/static/dist/main.css
@@ -2825,20 +2825,16 @@ img.emoji-lg {
 	background-color: rgba(var(--color-800), var(--tw-bg-opacity));
 }
 
-.dark .dark\:from-gray-800 {
-	--tw-gradient-from: rgb(var(--color-800));
-	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-800), 0));
-}
-
-.dark .dark\:to-gray-700 {
-	--tw-gradient-to: rgb(var(--color-700));
-}
-
 .dark .dark\:text-gray-200 {
 	--tw-text-opacity: 1;
 	color: rgba(var(--color-200), var(--tw-text-opacity));
 }
 
+.dark .dark\:text-gray-400 {
+	--tw-text-opacity: 1;
+	color: rgba(var(--color-400), var(--tw-text-opacity));
+}
+
 .dark .dark\:text-gray-300 {
 	--tw-text-opacity: 1;
 	color: rgba(var(--color-300), var(--tw-text-opacity));
diff --git a/files/templates/CHRISTMAS/home.html b/files/templates/CHRISTMAS/home.html
index f3bbb18d0e..331a3400d6 100644
--- a/files/templates/CHRISTMAS/home.html
+++ b/files/templates/CHRISTMAS/home.html
@@ -5,10 +5,10 @@
 		<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 dark:bg-gray-800 rounded-t sub-header-shadow dark:border-b dark:border-gray-700"></div>
 		<div class="relative col-span-full flex items-center">
 			<div>
-				<h1 class="font-bold text-xl font-heading leading-normal mb-0">
+				<h1 class="font-bold text-xl text-gray-900 dark:text-gray-200 font-heading leading-normal mb-0">
 					Home
 				</h1>
-				<small class="block text-gray-700">
+				<small class="block text-gray-700 dark:text-gray-400">
 					<span class="capitalize font-bold">{{ sort }}</span>
 					posts {{ 'from all time' if t=='all' else 'in the last' }}
 					{% if t != 'all' %}<span class="font-bold">{{ t }}{% endif %}