From 33f8c326d16d04c53e16ce0ff17561a1e01de659 Mon Sep 17 00:00:00 2001
From: Alex Rechtin <alexrechtin@gmail.com>
Date: Mon, 7 Feb 2022 12:07:42 +0100
Subject: [PATCH] Refactor the create-user.css and fixed the option-view.css

---
 client/app/src/main/resources/main/option-view.css |  8 +++++---
 .../app/src/main/resources/users/create-user.css   | 14 ++++++--------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/client/app/src/main/resources/main/option-view.css b/client/app/src/main/resources/main/option-view.css
index c42faaf..1c99062 100644
--- a/client/app/src/main/resources/main/option-view.css
+++ b/client/app/src/main/resources/main/option-view.css
@@ -1,6 +1,8 @@
 /* Marco Kühn */
 * {
-   -fx-bright-background-color: #3E415F;
+   -fx-dark-background-color: #3E415F;
+
+   -fx-bright-background-color: #ff5555;
    -fx-brighter-background-color: #8D99AE;
    -fx-brightest-background-color: #ffffff;
 
@@ -8,7 +10,7 @@
    -fx-brighter-text-color: #ffffff;
 }
 GridPane{
-    -fx-background-color: -fx-bright-background-color;
+    -fx-background-color: -fx-dark-background-color;
     -fx-padding: 20px;
     -fx-font-size: 20px;
     -fx-font-family: Segoe UI;
@@ -47,7 +49,7 @@ JFXButton{
 #labelError{
     -fx-font-weight: bold;
     -fx-max-width: 1000px;
-    -fx-text-fill: #ff5555;
+    -fx-text-fill: -fx-bright-background-color;
     -fx-padding: 16px;
     -fx-min-height: 140px;
     -fx-max-height: 400px;
diff --git a/client/app/src/main/resources/users/create-user.css b/client/app/src/main/resources/users/create-user.css
index 2d13534..94ea607 100644
--- a/client/app/src/main/resources/users/create-user.css
+++ b/client/app/src/main/resources/users/create-user.css
@@ -1,21 +1,19 @@
 /*Alex Rechtin*/
 * {
-   -fx-base-background-color: #2B2D42;
-   -fx-base1-background-color: #525E74;
-
-   -fx-main-border-color: #B0B0B0;
-   -fx-main-text-color: #ffffff;
+  -fx-dark-background-color: #3E415F;
+  -fx-bright-border-color: #B0B0B0;
+  -fx-brighter-text-color: #ffffff;
 }
 
 
 GridPane{
-    -fx-background-color: #3E415F;
+    -fx-background-color: -fx-dark-background-color;
     -fx-padding: 20px;
     -fx-font-size: 20px;
     -fx-font-family: Segoe UI;
 
     -fx-border-insets: 1;
-    -fx-border-color: #B0B0B0;
+    -fx-border-color: -fx-bright-border-color;
     -fx-border-style: solid;
     -fx-border-width: 2;
     -fx-effect: dropshadow(three-pass-box, rgba(100, 100, 100, 1), 24, 0.5, 0, 0);
@@ -31,7 +29,7 @@ GridPane{
 
 
 Label{
-    -fx-text-fill: white;
+    -fx-text-fill: -fx-brighter-text-color;
     -fx-max-width: 150px;
     -fx-min-width: 150px;
 }