From dd139c6712dc5d390026ee88f76d209b04f7a97c Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Wed, 30 Jun 2021 00:41:58 +0200
Subject: [PATCH] Feedback color when registering

---
 frontend/src/App.css                      | 5 +++++
 frontend/src/components/SubmitField.js    | 1 -
 frontend/src/components/pages/Register.js | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 49af386..d4d58cd 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -11,6 +11,7 @@
   --secondary: rgb(218, 218, 218);
   --third: rgb(171, 183, 183);
   --forth: rgb(255, 255, 255);
+  --error: rgb(221, 140, 18);
 }
 
 .home,
@@ -54,3 +55,7 @@ h1 {
   max-width: 60%;
   margin-bottom: 4vh;
 }
+
+.errorMessage {
+  color: var(--error);
+}
diff --git a/frontend/src/components/SubmitField.js b/frontend/src/components/SubmitField.js
index 42619ea..a6303a5 100644
--- a/frontend/src/components/SubmitField.js
+++ b/frontend/src/components/SubmitField.js
@@ -1,6 +1,5 @@
 import React from "react";
 import "./Input.css";
-import "./Button.css";
 
 function SubmitField(props) {
   const InputValue = props.LabelName;
diff --git a/frontend/src/components/pages/Register.js b/frontend/src/components/pages/Register.js
index 3129939..21d7619 100644
--- a/frontend/src/components/pages/Register.js
+++ b/frontend/src/components/pages/Register.js
@@ -56,7 +56,7 @@ export default function Login() {
             onChange={handleUsernameChange}
             InputName="username"
           />
-          <p>{message}</p>
+          <p className="errorMessage">{message}</p>
           <InputField
             LabelName="Passwort"
             InputType="password"