diff --git a/files/assets/css/classic.css b/files/assets/css/classic.css
index 60f80bcc2..9eaef1c72 100644
--- a/files/assets/css/classic.css
+++ b/files/assets/css/classic.css
@@ -121,8 +121,9 @@ a {
 	color: black;
 }
 
-#frontpage .col.h-100.custom-gutters .row .col {
+#frontpage .col .h-100 .custom-gutters .row .col {
 	background-image: var(--bg1) !important;
+	color: white !important;
 }
 
 #frontpage .dropdown .btn {
diff --git a/files/assets/css/classic_dark.css b/files/assets/css/classic_dark.css
index 15dca318a..759805577 100644
--- a/files/assets/css/classic_dark.css
+++ b/files/assets/css/classic_dark.css
@@ -1,4 +1,4 @@
-@import 'classic.css?v=55';
+@import 'classic.css?v=65';
 
 /*navbar*/
 .navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 0f754b11e..b37b230a7 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -1266,7 +1266,7 @@ nav
 	color: rgba(0, 0, 0, 0.7);
 }
 .navbar-light .navbar-toggler {
-	color: rgba(0, 0, 0, 0.5);
+	color: var(--black1);
 	border-color: rgba(0, 0, 0, 0.1);
 }
 .navbar-light .navbar-toggler-icon {
diff --git a/files/templates/emoji_modal.html b/files/templates/emoji_modal.html
index bdfbcf8ce..f03988874 100644
--- a/files/templates/emoji_modal.html
+++ b/files/templates/emoji_modal.html
@@ -31,7 +31,7 @@
 					</ul>
 				</div>
 				<button class="close" data-bs-dismiss="modal" aria-label="Close">
-					<i class="fal fa-times text-muted"></i>
+					<i class="fas fa-times text-muted"></i>
 				</button>
 			</div>
 
diff --git a/files/templates/header.html b/files/templates/header.html
index 4f20c3754..4bfab9bea 100644
--- a/files/templates/header.html
+++ b/files/templates/header.html
@@ -106,29 +106,29 @@
 			</div>
 
 			{% if g.webview %}
-				<a class="mobile-nav-icon d-md-none" onclick="location.reload()"><i class="fas fa-arrow-rotate-right align-middle text-gray-500 black"></i></a>
+				<a class="mobile-nav-icon d-md-none" onclick="location.reload()"><i class="fas fa-arrow-rotate-right align-middle text-gray-500"></i></a>
 			{% endif %}
 
 			{% if v %}
 				{% if v.notifications_count %}
 					<a class="mobile-nav-icon d-md-none" href="/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell align-middle" style="color: {{v.notifications_color}}"></i><span class="notif-count ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a>
 				{% else %}
-					<a class="mobile-nav-icon d-md-none" href="/notifications" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell  align-middle text-gray-500 black"></i></a>
+					<a class="mobile-nav-icon d-md-none" href="/notifications" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell  align-middle text-gray-500"></i></a>
 				{% endif %}
 			{% endif %}
 			
 		{% if not err %}
 			{% if v and v.admin_level > 1 %}
-				<a class="mobile-nav-icon d-md-none" href="/admin"><i class="fas fa-crown align-middle text-gray-500 black"></i></a>
+				<a class="mobile-nav-icon d-md-none" href="/admin"><i class="fas fa-crown align-middle text-gray-500"></i></a>
 			{% endif %}
 
 			{% if v %}
-				<a class="mobile-nav-icon d-md-none" href="{% if sub %}/h/{{sub.name}}{% endif %}/submit"><i class="fas fa-feather-alt align-middle text-gray-500 black"></i></a>
+				<a class="mobile-nav-icon d-md-none" href="{% if sub %}/h/{{sub.name}}{% endif %}/submit"><i class="fas fa-feather-alt align-middle text-gray-500"></i></a>
 			{% else %}
-				<a class="mobile-nav-icon d-md-none" href="/login"><i class="fas fa-feather-alt align-middle text-gray-500 black"></i></a>
+				<a class="mobile-nav-icon d-md-none" href="/login"><i class="fas fa-feather-alt align-middle text-gray-500"></i></a>
 			{% endif %}
 
-			<a class="mobile-nav-icon d-md-none" href="/random_user"><i class="fas fa-music align-middle text-gray-500 black"></i></a>
+			<a class="mobile-nav-icon d-md-none" href="/random_user"><i class="fas fa-music align-middle text-gray-500"></i></a>
 
 			{% if v and v.can_gamble and LOTTERY_ENABLED %}
 				<a class="mobile-nav-icon d-md-none" href="/lottery">
@@ -138,7 +138,7 @@
 
 			<button class="navbar-toggler" role="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
 			aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
-			<span class="navbar-toggler-icon {% if v and v.notifications_count %}position-relative{% endif %}"><i class="fal fa-bars text-gray-500 black"></i>
+			<span class="navbar-toggler-icon {% if v and v.notifications_count %}position-relative{% endif %}"><i class="fas fa-bars align-middle text-gray-500"></i>
 			</span>
 		</button>
 
diff --git a/files/templates/util/assetcache.html b/files/templates/util/assetcache.html
index 372ddd9d7..f75cbcde7 100644
--- a/files/templates/util/assetcache.html
+++ b/files/templates/util/assetcache.html
@@ -1,11 +1,11 @@
 {%-
 set CACHE_VER = {
-	'css/main.css': 435,
+	'css/main.css': 436,
 	'css/catalog.css': 2,
 
 	'css/4chan.css': 61,
-	'css/classic.css': 62,
-	'css/classic_dark.css': 62,
+	'css/classic.css': 65,
+	'css/classic_dark.css': 65,
 	'css/coffee.css': 61,
 	'css/dark.css': 61,
 	'css/dramblr.css': 61,