diff --git a/client/app/src/main/resources/users/login.css b/client/app/src/main/resources/users/login.css
index 963c6b6..c0a102f 100644
--- a/client/app/src/main/resources/users/login.css
+++ b/client/app/src/main/resources/users/login.css
@@ -1,27 +1,30 @@
 /* Marco Kühn*/
 * {
-   -fx-base-background-color: #2B2D42;
-   -fx-base1-background-color: #525E74;
+      -fx-dark-background-color: #3E415F;
 
-   -fx-main-border-color: #B0B0B0;
-   -fx-main-text-color: #ffffff;
+      -fx-brightest-background-color: #ffffff;
+
+      -fx-bright-border-color: #B0B0B0;
+
+      -fx-bright-text-color: ##ff5555;
+      -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);
 }
 
 Label{
-    -fx-text-fill: white;
+    -fx-text-fill: -fx-brighter-text-color;
     -fx-max-width: 150px;
     -fx-min-width: 150px;
 }
@@ -29,7 +32,7 @@ Label{
 .errorLbl{
     -fx-font-weight: bold;
         -fx-max-width: 200px;
-        -fx-text-fill: #ff5555;
+        -fx-text-fill: -fx-bright-text-color;
         -fx-padding: 16px;
         -fx-min-height: 140px;
         -fx-max-height: 400px;
@@ -38,17 +41,17 @@ Label{
 }
 
 .userField{
-    -fx-background-color: white;
+    -fx-background-color: -fx-brightest-background-color;
 }
 
 .passField{
-    -fx-background-color: white;
+    -fx-background-color: -fx-brightest-background-color;
 }
 
 .quitBtn{
-    -fx-background-color: white;
+    -fx-background-color: -fx-brightest-background-color;
 }
 
 .loginBtn{
-    -fx-background-color: white;
+    -fx-background-color: -fx-brightest-background-color;
 }
\ No newline at end of file