diff --git a/files/templates/CHRISTMAS/settings_css.html b/files/templates/CHRISTMAS/settings_css.html
index 0115712639..c1390f523e 100644
--- a/files/templates/CHRISTMAS/settings_css.html
+++ b/files/templates/CHRISTMAS/settings_css.html
@@ -12,8 +12,8 @@
 			<h2 class="label text-black">Custom site CSS</h2>
 			<form id="profile-settings" action="/settings/css" method="post">
 				<input type="hidden" name="formkey" value="{{v.formkey}}">
-				<div class="rounded border border-gray-300 dark:border-gray-900 bg-white dark:bg-white/[.05] shadow-inner w-full">
-					<textarea class="p-2 shadow-inner w-full" placeholder="i.e. .custom-class {...}" rows="24" name="css" form="profile-settings" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
+				<div class="rounded border border-gray-300 dark:border-gray-900 bg-gray-100 dark:bg-white/[.05] shadow-inner w-full">
+					<textarea class="focus:bg-white dark:focus:bg-transparent p-2 shadow-inner w-full" placeholder="i.e. .custom-class {...}" rows="24" name="css" form="profile-settings" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
 				</div>
 				<small class="block mt-2 text-gray-400">Limit of 4000 characters</small>
 				<div class="mt-4">
@@ -29,8 +29,8 @@
 			<h2 class="label text-black">Custom profile CSS</h2>
 			<form id="profile-settings" action="/settings/profilecss" method="post">
 				<input type="hidden" name="formkey" value="{{v.formkey}}">
-				<div class="rounded border border-gray-300 dark:border-gray-900 bg-white dark:bg-white/[.05] shadow-inner w-full">
-					<textarea class="p-2 shadow-inner w-full" id="bio-text" aria-label="With textarea" placeholder="i.e. .custom-avatar {...}" rows="24" name="profilecss" form="profile-settings" maxlength="4000">{% if v.profilecss %}{{v.profilecss}}{% endif %}</textarea>
+				<div class="rounded border border-gray-300 dark:border-gray-900 bg-gray-100 dark:bg-white/[.05] shadow-inner w-full">
+					<textarea class="focus:bg-white dark:focus:bg-transparent p-2 shadow-inner w-full" id="bio-text" aria-label="With textarea" placeholder="i.e. .custom-avatar {...}" rows="24" name="profilecss" form="profile-settings" maxlength="4000">{% if v.profilecss %}{{v.profilecss}}{% endif %}</textarea>
 				</div>
 				<small class="block mt-2 text-gray-400">Limit of 4000 characters</small>
 				<div class="mt-4">