From c1df2d27754b3aabba3fdcc3ff30f67adfe8a5a3 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Mon, 26 Oct 2020 22:34:50 -0600
Subject: [PATCH] Make error styling more granular and controllable

---
 src/components/ControlBar.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ControlBar.vue b/src/components/ControlBar.vue
index bdfa009..88a7da2 100644
--- a/src/components/ControlBar.vue
+++ b/src/components/ControlBar.vue
@@ -212,10 +212,11 @@ export default {
 }
 
 #error {
+	background-color: var(--error-background);
 	border-radius: var(--corner-rounding);
-	border-color: var(--error);
+	border-color: var(--error-accent);
+	color: var(--error-text);
 	border-style: solid;
-	color: var(--error);
 	text-align: center;
 	border-width: 2px;
 	padding: 10px;