From de4811ee125016011b50e03e74566c588d1fb7a6 Mon Sep 17 00:00:00 2001
From: Alex Rechtin <alexrechtin@gmail.com>
Date: Mon, 7 Feb 2022 11:48:53 +0100
Subject: [PATCH] Refactor the option-view.css

---
 .../src/main/resources/main/option-view.css   | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/client/app/src/main/resources/main/option-view.css b/client/app/src/main/resources/main/option-view.css
index 63f8e9b..c42faaf 100644
--- a/client/app/src/main/resources/main/option-view.css
+++ b/client/app/src/main/resources/main/option-view.css
@@ -1,25 +1,33 @@
 /* Marco Kühn */
+* {
+   -fx-bright-background-color: #3E415F;
+   -fx-brighter-background-color: #8D99AE;
+   -fx-brightest-background-color: #ffffff;
+
+   -fx-bright-border-color: #B0B0B0;
+   -fx-brighter-text-color: #ffffff;
+}
 GridPane{
-    -fx-background-color: #3E415F;
+    -fx-background-color: -fx-bright-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: 200px;
     -fx-min-width: 200px;
 }
 
 .mainLabel{
-    -fx-background-color: #8D99AE;
+    -fx-background-color: -fx-brighter-background-color;
     -fx-padding: 10px;
     -fx-max-width: 200px;
     -fx-min-width: 200px;
@@ -29,11 +37,11 @@ Label{
 
 .mainButton{
     -fx-font-weight: bold;
-    -fx-background-color: white;
+    -fx-background-color: -fx-brightest-background-color;
 }
 
 JFXButton{
-    -fx-background-color: white;
+    -fx-background-color: -fx-brightest-background-color;
 }
 
 #labelError{
@@ -48,7 +56,7 @@ JFXButton{
 }
 
 .comboBox{
-    -fx-background-color: white;
+    -fx-background-color: -fx-brightest-background-color;
     -fx-max-width: 200px;
     -fx-min-width: 200px;
 }