diff --git a/files/assets/css/coffee.css b/files/assets/css/coffee.css
index 72c1bfa0e..c9f90cb23 100644
--- a/files/assets/css/coffee.css
+++ b/files/assets/css/coffee.css
@@ -50,6 +50,7 @@
 	--gray-700: #DDD2C4;
 	--gray-800: #DDD2C4;
 	--gray-900: #DDD2C4;
+	--background: #DDD2C4;
 }
 
 
diff --git a/files/assets/css/dark.css b/files/assets/css/dark.css
index 51ceb2b79..d6f3a7ef7 100644
--- a/files/assets/css/dark.css
+++ b/files/assets/css/dark.css
@@ -17,6 +17,7 @@
 	--gray-700: #000000;
 	--gray-800: #000000;
 	--gray-900: #000000;
+	--background: #000000;
 }
 
 * {
diff --git a/files/assets/css/dramblr.css b/files/assets/css/dramblr.css
index 55e16a68c..3f14675c5 100644
--- a/files/assets/css/dramblr.css
+++ b/files/assets/css/dramblr.css
@@ -12,6 +12,7 @@
 	--gray-700: #2d3c50;
 	--gray-800: #1e293b;
 	--gray-900: #0f172a;
+	--background: #2d3c50;
 }
 
 body, .container.transparent, .card {
@@ -19,7 +20,7 @@ body, .container.transparent, .card {
 }
 
 .navbar-light {
-	background-color: var(--gray-700) !important
+	background-color: var(--background) !important
 }
 
 p {
@@ -31,7 +32,7 @@ p {
 }
 
 blockquote {
-	background-color: var(--gray-700);
+	background-color: var(--background);
 }
 
 #frontpage #main-content-row, .sidebar {
@@ -64,7 +65,7 @@ blockquote {
 }
 
 #mobile-bottom-navigation-bar {
-	background-color: var(--gray-700) !important;
+	background-color: var(--background) !important;
 	border-color: var(--gray-600) !important;
 }
 
@@ -121,7 +122,7 @@ blockquote {
 }
 
 .modal-content {
-	background-color: var(--gray-700)
+	background-color: var(--background)
 }
 
 .tooltip{
diff --git a/files/assets/css/light.css b/files/assets/css/light.css
index a72a4aed4..e27f6ba55 100644
--- a/files/assets/css/light.css
+++ b/files/assets/css/light.css
@@ -18,6 +18,7 @@
 	--gray-200: #1e1e1e;
 	--white: #1e1e1e;
 	--black: #303030;
+	--background: #ffffff;
 }
 
 * {
diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index b600cbc3a..18ce53788 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -2591,7 +2591,7 @@ html {
 }
 body {
 	color: var(--black);
-	background-color: var(--gray-700);
+	background-color: var(--background);
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
@@ -2610,14 +2610,14 @@ pre {
 	background-color: var(--gray-600);
 }
 #page {
-	background-color: var(--gray-700);
+	background-color: var(--background);
 }
 #article {
 	padding-top: 0;
-	background-color: var(--gray-700);
+	background-color: var(--background);
 }
 #thread, #userpage {
-	background-color: var(--gray-700);
+	background-color: var(--background);
 }
 #article .navbar-light .navbar-nav .nav-link {
 	color: var(--black);
@@ -3252,7 +3252,7 @@ small, .small {
 	background-color: var(--gray-900);
 }
 #thread .card {
-	background-color: var(--gray-700);
+	background-color: var(--background);
 }
 #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type {
 	border-top-left-radius: 0.35rem;
@@ -3569,7 +3569,7 @@ small, .small {
 	font-size: 1rem;
 }
 .comment-section {
-	background-color: var(--gray-700);
+	background-color: var(--background);
 }
 .comment p {
 	word-break: break-word;
@@ -4019,7 +4019,7 @@ pre .com, code .com {
 		max-width: none;
 }
 	body, #settings, #notifications, #submit {
-		background-color: var(--gray-700);
+		background-color: var(--background);
 }
 	#thread, #userpage {
 		background-color: var(--gray-600);
@@ -4361,7 +4361,7 @@ div.deleted.banned {
 	border: 1px solid var(--primary);
 	padding: 10px;
 	border-radius: 3px;
-	background-color: var(--gray-700) !important;
+	background-color: var(--background) !important;
 }
 .text-info {
 	color: var(--primary) !important;
@@ -4379,10 +4379,10 @@ div.deleted.banned {
 	color: black !important;
 }
 .container, .container-fluid {
-	background-color: var(--gray-700) !important;
+	background-color: var(--background) !important;
 }
 .btn {
-	background-color: var(--gray-700) !important;
+	background-color: var(--background) !important;
 }
 .nobackground {
 	background: None !important;
diff --git a/files/assets/css/midnight.css b/files/assets/css/midnight.css
index ff7817444..5e5cdb21a 100644
--- a/files/assets/css/midnight.css
+++ b/files/assets/css/midnight.css
@@ -17,6 +17,7 @@
 	--gray-700: #21262d;
 	--gray-800: #161b22;
 	--gray-900: #0d1117;
+	--background: #21262d;
 }
 
 
diff --git a/files/assets/css/transparent.css b/files/assets/css/transparent.css
index 329f3de21..e86df0aef 100644
--- a/files/assets/css/transparent.css
+++ b/files/assets/css/transparent.css
@@ -17,6 +17,7 @@
 	--gray-700: transparent;
 	--gray-800: transparent;
 	--gray-900: transparent;
+	--background: #21262d;
 }
 
 
diff --git a/files/assets/css/tron.css b/files/assets/css/tron.css
index 17eb3cd3a..f3f0d1359 100644
--- a/files/assets/css/tron.css
+++ b/files/assets/css/tron.css
@@ -162,6 +162,7 @@
 	--gray-700: #00001f;
 	--gray-800: #00001f;
 	--gray-900: #00001f;
+	--background: #00001f;
 }
 
 
diff --git a/files/assets/css/win98.css b/files/assets/css/win98.css
index 990b82c8f..53c484073 100644
--- a/files/assets/css/win98.css
+++ b/files/assets/css/win98.css
@@ -17,6 +17,7 @@
 	--gray-700: #c0c0c0;
 	--gray-800: #07090A;
 	--gray-900: #000000;
+	--background: #c0c0c0;
 }
 
 
diff --git a/files/templates/authforms.html b/files/templates/authforms.html
index a5deaeb18..5bd4e2f18 100644
--- a/files/templates/authforms.html
+++ b/files/templates/authforms.html
@@ -15,7 +15,7 @@
 
 		{% if v %}
 			<style>:root{--primary:#{{v.themecolor}}}</style>
-			<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=48">
+			<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=49">
 			{% if v.agendaposter %}
 				<style>
 					html {
@@ -39,7 +39,7 @@
 			{% endif %}
 		{% else %}
 			<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
-			<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+			<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 		{% endif %}
 
 </head>
diff --git a/files/templates/chat.html b/files/templates/chat.html
index 54ead641a..07bd22834 100644
--- a/files/templates/chat.html
+++ b/files/templates/chat.html
@@ -15,7 +15,7 @@
 
 	<style>:root{--primary:#{{v.themecolor}}}</style>
 	<link rel="stylesheet" href="/assets/css/main.css?v=231">
-	<link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=48">
+	<link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=49">
 	{% if v.css %}
 		<link rel="stylesheet" href="/@{{v.username}}/css">
 	{% endif %}
@@ -80,7 +80,7 @@
 		}
 
 		#online {
-			background-color: var(--gray-700) !important;
+			background-color: var(--background) !important;
 		}
 
 		.chat-line .btn {
@@ -100,7 +100,7 @@
 	</style>
 </head>
 
-<body {% if SITE_NAME == 'rDrama' %}style="background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--gray-700)!important"{% endif %}>
+<body {% if SITE_NAME == 'rDrama' %}style="background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--background)!important"{% endif %}>
 	<script src="/assets/js/bootstrap.js?v=249"></script>
 
 	{% include "header.html" %}
diff --git a/files/templates/default.html b/files/templates/default.html
index fb9a25545..c9f680e66 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -8,7 +8,7 @@
 	{% if v %}
 		<style>:root{--primary:#{{v.themecolor}}}</style>
 		<link rel="stylesheet" href="/assets/css/main.css?v=231">
-		<link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=48">
+		<link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=49">
 		{% if v.agendaposter %}
 			<style>
 				html {
@@ -33,7 +33,7 @@
 	{% else %}
 		<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
 		<link rel="stylesheet" href="/assets/css/main.css?v=231">
-		<link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+		<link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 	{% endif %}
 
 	{% if sub and sub.css and not request.path.endswith('settings') %}
@@ -223,7 +223,7 @@
 
  </head>
 
- <body id="{% if request.path != '/comments' %}{% block pagetype %}frontpage{% endblock %}{% endif %}" {% if SITE_NAME == 'rDrama' %}style="{% if path != '/formatting' %}overflow-x: hidden; {% endif %} background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--gray-700)!important;"{% endif %}>
+ <body id="{% if request.path != '/comments' %}{% block pagetype %}frontpage{% endblock %}{% endif %}" {% if SITE_NAME == 'rDrama' %}style="{% if path != '/formatting' %}overflow-x: hidden; {% endif %} background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--background)!important;"{% endif %}>
 
 {% block Banner %}
 	{% if '@' not in request.path %}		
diff --git a/files/templates/log.html b/files/templates/log.html
index 167099bdd..7022366a1 100644
--- a/files/templates/log.html
+++ b/files/templates/log.html
@@ -6,7 +6,7 @@
 {% block content %}
 {% if v %}
 	<style>:root{--primary:#{{v.themecolor}}}</style>
-	<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=48">
+	<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=49">
 	{% if v.agendaposter %}
 		<style>
 			html {
@@ -30,7 +30,7 @@
 	{% endif %}
 {% else %}
 	<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
-	<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+	<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 {% endif %}
 
 <div class="row justify-content-around">
diff --git a/files/templates/login.html b/files/templates/login.html
index 17fccf0a2..b1370e741 100644
--- a/files/templates/login.html
+++ b/files/templates/login.html
@@ -19,7 +19,7 @@
 	
 	<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
 	<link rel="stylesheet" href="/assets/css/main.css?v=231">
-	<link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+	<link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 
 </head>
 
diff --git a/files/templates/login_2fa.html b/files/templates/login_2fa.html
index 4d364a135..ff11732a1 100644
--- a/files/templates/login_2fa.html
+++ b/files/templates/login_2fa.html
@@ -14,7 +14,7 @@
 		<title>2-Step Login - {{SITE_NAME}}</title>
 
 		<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
-		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 
 </head>
 
diff --git a/files/templates/settings.html b/files/templates/settings.html
index e1f257b70..d1eafad95 100644
--- a/files/templates/settings.html
+++ b/files/templates/settings.html
@@ -34,7 +34,7 @@
 
 
 	<style>:root{--primary:#{{v.themecolor}}}</style>
-	<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=48">
+	<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=49">
 	{% if v.agendaposter %}
 		<style>
 			html {
@@ -58,7 +58,7 @@
 	{% endif %}
 </head>
 
-<body id="settings" {% if SITE_NAME == 'rDrama' %}style="overflow-x: hidden;  background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--gray-700)!important;"{% endif %}>
+<body id="settings" {% if SITE_NAME == 'rDrama' %}style="overflow-x: hidden;  background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--background)!important;"{% endif %}>
 
 	{% include "header.html" %}
 		<div class="container">
diff --git a/files/templates/settings2.html b/files/templates/settings2.html
index c18f62114..c9957e0ca 100644
--- a/files/templates/settings2.html
+++ b/files/templates/settings2.html
@@ -39,14 +39,14 @@
 	
 	{% if v %}
 		<style>:root{--primary:#{{v.themecolor}}}</style>
-		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=48">
+		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=49">
 	{% else %}
 		<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
-		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 	{% endif %}
 </head>
 
-<body id="settings2" {% if SITE_NAME == 'rDrama' %}style="overflow-x: hidden;  background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--gray-700)!important;"{% endif %}>
+<body id="settings2" {% if SITE_NAME == 'rDrama' %}style="overflow-x: hidden;  background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--background)!important;"{% endif %}>
 
 {% include "header.html" %}
 
diff --git a/files/templates/sign_up.html b/files/templates/sign_up.html
index 214dbecfb..9364e9739 100644
--- a/files/templates/sign_up.html
+++ b/files/templates/sign_up.html
@@ -31,7 +31,7 @@
 		<title>{% if ref_user %}{{ref_user.username}} invites you to {{SITE_NAME}}{% else %}Sign up - {{SITE_NAME}}{% endif %}</title>
 
 		<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
-		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 
 </head>
 
diff --git a/files/templates/sign_up_failed_ref.html b/files/templates/sign_up_failed_ref.html
index 1b84114ff..c6cdeff9f 100644
--- a/files/templates/sign_up_failed_ref.html
+++ b/files/templates/sign_up_failed_ref.html
@@ -32,7 +32,7 @@
 		<title>{% if ref_user %}{{ref_user.username}} invites you to {{SITE_NAME}}{% else %}{{SITE_NAME}}{% endif %}</title>
 
 		<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
-		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+		<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 
 </head>
 
diff --git a/files/templates/submit.html b/files/templates/submit.html
index b1ecbc081..84de07c3f 100644
--- a/files/templates/submit.html
+++ b/files/templates/submit.html
@@ -26,7 +26,7 @@
 		{% block stylesheets %}
 		{% if v %}
 			<style>:root{--primary:#{{v.themecolor}}}</style>
-			<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=48">
+			<link rel="stylesheet" href="/assets/css/main.css?v=231"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=49">
 			{% if v.agendaposter %}
 				<style>
 					html {
@@ -51,11 +51,11 @@
 		{% else %}
 			<style>:root{--primary:#{{config('DEFAULT_COLOR')}}</style>
 			<link rel="stylesheet" href="/assets/css/main.css?v=231">
-			<link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=48">
+			<link rel="stylesheet" href="/assets/css/{{config('DEFAULT_THEME')}}.css?v=49">
 		{% endif %}
 		{% endblock %}
 
-<body id="submit" {% if SITE_NAME == 'rDrama' %}style="overflow-x: hidden;  background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--gray-700)!important;display: block;"{% endif %}>
+<body id="submit" {% if SITE_NAME == 'rDrama' %}style="overflow-x: hidden;  background:url(/assets/images/backgrounds/anime/{{'2' if v and v.id == 8195 else '1'}}.webp) center center fixed !important; background-color: var(--background)!important;display: block;"{% endif %}>
 
 				{% include "header.html" %}