diff --git a/src/components/LoginView.vue b/src/components/LoginView.vue
index ba3d02e..4189d77 100644
--- a/src/components/LoginView.vue
+++ b/src/components/LoginView.vue
@@ -101,8 +101,8 @@ button:hover { cursor: pointer; }
 	background-color: var(--error-background);
 	border-radius: var(--corner-rounding);
 	border-color: var(--error);
+	color: var(--error-text);
 	border-style: solid;
-	color: var(--error);
 	margin-bottom: 15px;
 	border-width: 2px;
 }
diff --git a/src/css/dark_theme.css b/src/css/dark_theme.css
index 612a274..27db929 100644
--- a/src/css/dark_theme.css
+++ b/src/css/dark_theme.css
@@ -8,6 +8,8 @@
 
 	--error: #ff0000;
 	--error-background: #ff00005d;
+	--error-text: #FFFFFF;
+	--error-accent: var(--error);
 
 	--success: var(--accent2);
 	--success-background: #00aa0083;