diff --git a/files/templates/CHRISTMAS/comments/CommentForm.html b/files/templates/CHRISTMAS/comments/CommentForm.html
index 60bc6562a..154c82fed 100644
--- a/files/templates/CHRISTMAS/comments/CommentForm.html
+++ b/files/templates/CHRISTMAS/comments/CommentForm.html
@@ -3,7 +3,7 @@
 	<input type="hidden" name="parent_fullname" value="t2_{{p.id}}">
 	<input id="reply-form-submission-{{p.fullname}}" type="hidden" name="submission" value="{{p.id}}">
 	<div class="relative comment-box rounded-lg border border-gray-300 bg-gray-100 shadow-inner w-full">
-		<textarea maxlength="10000" id="reply-form-body-{{p.fullname}}" data-fullname="{{p.fullname}}" class="w-full rounded-t-md p-3 bg-transparent focus:bg-white shadow-inner resize-y focus:outline-none" id="comment-form" name="body" form="reply-to-{{p.fullname}}" aria-label="With textarea" placeholder="Add your comment..." rows="3" oninput="charLimit('reply-form-body-{{p.fullname}}','charcount-reply')"></textarea>
+		<textarea maxlength="10000" id="reply-form-body-{{p.fullname}}" data-fullname="{{p.fullname}}" class="text-black w-full rounded-t-md p-3 bg-transparent focus:bg-white shadow-inner resize-y focus:outline-none placehoder:text-gray-400" id="comment-form" name="body" form="reply-to-{{p.fullname}}" aria-label="With textarea" placeholder="Add your comment..." rows="3" oninput="charLimit('reply-form-body-{{p.fullname}}','charcount-reply')"></textarea>
 		<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-gray-400 mb-0">
 			<li>
 				<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeBold('reply-form-body-{{p.fullname}}')">
diff --git a/files/templates/CHRISTMAS/comments/CommentMessageReplyForm.html b/files/templates/CHRISTMAS/comments/CommentMessageReplyForm.html
index aafeaf855..ca86e67d2 100644
--- a/files/templates/CHRISTMAS/comments/CommentMessageReplyForm.html
+++ b/files/templates/CHRISTMAS/comments/CommentMessageReplyForm.html
@@ -3,7 +3,7 @@
 		<form id="reply-to-message-{{c.id}}" action="/reply" method="post" class="input-group" enctype="multipart/form-data">
 			<input type="hidden" name="formkey" value="{{v.formkey}}"> 
 			<div class="relative comment-box rounded-lg border border-gray-300 bg-gray-100 shadow-inner w-full"> 
-				<textarea maxlength="10000" name="body" form="reply-to-t3_{{c.id}}" data-id="{{c.id}}" class="w-full rounded-t-md p-3 bg-transparent focus:bg-white shadow-inner resize-y focus:outline-none" placeholder="Write a reply..." id="reply-form-body-{{c.id}}" aria-label="With textarea" rows="3"></textarea>
+				<textarea maxlength="10000" name="body" form="reply-to-t3_{{c.id}}" data-id="{{c.id}}" class="text-black w-full rounded-t-md p-3 bg-transparent focus:bg-white shadow-inner resize-y focus:outline-none placehoder:text-gray-400" placeholder="Write a reply..." id="reply-form-body-{{c.id}}" aria-label="With textarea" rows="3"></textarea>
 				<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-gray-400 mb-0">
 					<li>
 						<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeBold('reply-form-body-{{c.id}}')">
diff --git a/files/templates/CHRISTMAS/comments/CommentReplyForm.html b/files/templates/CHRISTMAS/comments/CommentReplyForm.html
index aa8960f53..9b614d7e8 100644
--- a/files/templates/CHRISTMAS/comments/CommentReplyForm.html
+++ b/files/templates/CHRISTMAS/comments/CommentReplyForm.html
@@ -4,7 +4,7 @@
 		<input type="hidden" name="parent_fullname" value="{{c.fullname}}"> 
 		<input id="reply-form-submission-{{c.fullname}}" type="hidden" name="submission" value="{{c.post.id}}">
 		<div class="relative comment-box rounded-lg border border-gray-300 bg-gray-100 shadow-inner w-full"> 
-			<textarea {% if v.longpost %}minlength="280"{% endif %} maxlength="{% if v.bird %}140{% else %}10000{% endif %}" id="reply-form-body-{{c.fullname}}" data-fullname="{{c.fullname}}" name="body" form="reply-to-t3_{{c.id}}" class="w-full rounded-t-md p-3 bg-transparent focus:bg-white shadow-inner resize-y focus:outline-none" aria-label="With textarea" placeholder="Write your reply..." rows="3" oninput="charLimit('reply-form-body-{{c.fullname}}','charcount-{{c.id}}')"></textarea>
+			<textarea {% if v.longpost %}minlength="280"{% endif %} maxlength="{% if v.bird %}140{% else %}10000{% endif %}" id="reply-form-body-{{c.fullname}}" data-fullname="{{c.fullname}}" name="body" form="reply-to-t3_{{c.id}}" class="text-black w-full rounded-t-md p-3 bg-transparent focus:bg-white shadow-inner resize-y focus:outline-none placehoder:text-gray-400" aria-label="With textarea" placeholder="Write your reply..." rows="3" oninput="charLimit('reply-form-body-{{c.fullname}}','charcount-{{c.id}}')"></textarea>
 			<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-gray-400 mb-0">
 				<li>
 					<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeBold('reply-form-body-{{c.fullname}}')">
diff --git a/files/templates/CHRISTMAS/leaderboard.html b/files/templates/CHRISTMAS/leaderboard.html
index acec697c7..3d65ecbde 100644
--- a/files/templates/CHRISTMAS/leaderboard.html
+++ b/files/templates/CHRISTMAS/leaderboard.html
@@ -72,7 +72,7 @@
 			</div>
 			<!-- User Details -->
 			<div class="ml-3">
-				<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
+				<a class="block font-heading font-bold text-lg md:text-xl text-black dark:text-gray-200 hover:text-primary" href="/@{{user.username}}">
 					{{user.username}}
 				</a>
 				{% if user.customtitle %}
@@ -91,7 +91,7 @@
 	</div>
 </div>
 <div class="col-span-full mb-6">
-	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
+	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 dark:bg-none dark:bg-gray-800 sticky top-0 z-10">
 		<h2 class="text-2xl font-heading font-bold mb-0">
 			rDrama's 20 Top Spenders
 		</h2>
@@ -111,7 +111,7 @@
 			</div>
 			<!-- User Details -->
 			<div class="ml-3">
-				<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
+				<a class="block font-heading font-bold text-lg md:text-xl text-black dark:text-gray-200 hover:text-primary" href="/@{{user.username}}">
 					{{user.username}}
 				</a>
 				{% if user.customtitle %}
@@ -130,7 +130,7 @@
 	</div>
 </div>
 <div class="col-span-full mb-6">
-	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
+	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 dark:bg-none dark:bg-gray-800 sticky top-0 z-10">
 		<h2 class="text-2xl font-heading font-bold mb-0">
 			rDrama's 15 Most Popular
 		</h2>
@@ -150,7 +150,7 @@
 			</div>
 			<!-- User Details -->
 			<div class="ml-3">
-				<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
+				<a class="block font-heading font-bold text-lg md:text-xl text-black dark:text-gray-200 hover:text-primary" href="/@{{user.username}}">
 					{{user.username}}
 				</a>
 				{% if user.customtitle %}
@@ -169,7 +169,7 @@
 	</div>
 </div>
 <div class="col-span-full mb-6">
-	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
+	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 dark:bg-none dark:bg-gray-800 sticky top-0 z-10">
 		<h2 class="text-2xl font-heading font-bold mb-0">
 			rDrama's 10 Most Terminally Online (Posts)
 		</h2>
@@ -189,7 +189,7 @@
 			</div>
 			<!-- User Details -->
 			<div class="ml-3">
-				<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
+				<a class="block font-heading font-bold text-lg md:text-xl text-black dark:text-gray-200 hover:text-primary" href="/@{{user.username}}">
 					{{user.username}}
 				</a>
 				{% if user.customtitle %}
@@ -208,7 +208,7 @@
 	</div>
 </div>
 <div class="col-span-full mb-6">
-	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
+	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 dark:bg-none dark:bg-gray-800 sticky top-0 z-10">
 		<h2 class="text-2xl font-heading font-bold mb-0">
 			rDrama's 10 Most Terminally Online (Comments)
 		</h2>
@@ -228,7 +228,7 @@
 			</div>
 			<!-- User Details -->
 			<div class="ml-3">
-				<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
+				<a class="block font-heading font-bold text-lg md:text-xl text-black dark:text-gray-200 hover:text-primary" href="/@{{user.username}}">
 					{{user.username}}
 				</a>
 				{% if user.customtitle %}
@@ -247,7 +247,7 @@
 	</div>
 </div>
 <div class="col-span-full mb-6">
-	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
+	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 dark:bg-none dark:bg-gray-800 sticky top-0 z-10">
 		<h2 class="text-2xl font-heading font-bold mb-0">
 			rDrama's 10 Biggest Winners
 		</h2>
@@ -267,7 +267,7 @@
 			</div>
 			<!-- User Details -->
 			<div class="ml-3">
-				<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
+				<a class="block font-heading font-bold text-lg md:text-xl text-black dark:text-gray-200 hover:text-primary" href="/@{{user.username}}">
 					{{user.username}}
 				</a>
 				{% if user.customtitle %}
@@ -286,7 +286,7 @@
 	</div>
 </div>
 <div class="col-span-full mb-6">
-	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
+	<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 dark:bg-none dark:bg-gray-800 sticky top-0 z-10">
 		<h2 class="text-2xl font-heading font-bold mb-0">
 			rDrama's 25 Most Downvoted
 		</h2>
@@ -306,7 +306,7 @@
 			</div>
 			<!-- User Details -->
 			<div class="ml-3">
-				<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user[0].username}}">
+				<a class="block font-heading font-bold text-lg md:text-xl text-black dark:text-gray-200 hover:text-primary" href="/@{{user[0].username}}">
 					{{user[0].username}}
 				</a>
 				{% if user[0].customtitle %}