From 157077c65bbeb92dd213405b4527facec05fe554 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Tue, 18 Aug 2020 19:01:09 -0600
Subject: [PATCH] Add styles to customize the error text

---
 src/components/LoginView.vue | 2 +-
 src/css/dark_theme.css       | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

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;