- overhaul css (not done)

- rewrite driver
- add difficulty buttons
- remove placeholders (not done)

1 files changed, 53 insertions, 3 deletions

diff --git a/src/gui/style.css b/src/gui/style.css
index 1e2dfcc..957025f 100644
--- a/src/gui/style.css
+++ b/src/gui/style.css
@@ -3,7 +3,10 @@
 Button { 
     -fx-background-color: rgba(0, 0, 0, 0.5); 
     -fx-text-fill: white;
-    -fx-padding: .5em;
+    /* -fx-padding: .5em; */
+    -fx-border-color: transparent;
+    -fx-border-width: 3;
+    -fx-border-radius: 5;
     -fx-font-size: 25;
     -fx-background-radius: 5;
 }
@@ -13,12 +16,15 @@ Button:hover {
 }
 
 Button:focused {
-    -fx-background-color: rgb(255, 255, 255);  
-    -fx-text-fill: rgb(0, 0, 0); 
+    /* -fx-background-color: rgb(255, 255, 255);   */
+    -fx-background-color: rgb(50, 50, 50, 0.5);
+    -fx-border-color: rgb(255, 255, 255);
+    /* -fx-text-fill: rgb(0, 0, 0);  */
 }
 
 Button:pressed {
     -fx-background-color: rgb(231, 231, 231);
+    -fx-border-color: transparent;
     -fx-text-fill: rgb(0, 0, 0);
 }
 
@@ -27,12 +33,18 @@ Button:pressed {
 ListView {
     -fx-background-color: rgba(0, 0, 0, 0.5);
     -fx-background-radius: 5;
+    -fx-padding: 5;
+    -fx-effect: none;
 }
 
 .list-cell {
     -fx-padding: .5em;
     -fx-background-color: transparent;
+    -fx-background-radius: 5;
     -fx-text-fill: rgb(255, 255, 255);
+    -fx-border-width: 3;
+    -fx-border-radius: 5;
+    -fx-border-color: transparent;
 }
 
 .list-cell:hover {
@@ -40,6 +52,11 @@ ListView {
     
 }
 
+.list-cell:focused {
+    -fx-background-color: rgb(50, 50, 50, 0.5);
+    -fx-border-color: rgb(255, 255, 255);
+}
+
 .list-cell:selected {
     -fx-background-color: rgb(255, 255, 255);
     -fx-text-fill: rgb(0, 0, 0);
@@ -96,4 +113,37 @@ Slider:focused .thumb{
     -fx-border-color: red;
     -fx-text-fill: white;
     -fx-border-width: 20;
+}
+
+/* toggle button */
+
+ToggleButton { 
+    -fx-background-color: rgba(0, 0, 0, 0.5); 
+    -fx-text-fill: white;
+    -fx-border-color: transparent;
+    -fx-border-width: 3;
+    -fx-border-radius: 5;
+    -fx-font-size: 25;
+    -fx-background-radius: 5;
+}
+
+ToggleButton:hover {
+    -fx-background-color: rgb(50, 50, 50, 0.5);
+}
+
+ToggleButton:focused {
+    -fx-background-color: rgb(50, 50, 50, 0.5);
+    -fx-border-color: rgb(255, 255, 255);
+}
+
+ToggleButton:selected {
+    -fx-background-color: rgb(255, 255, 255);
+    -fx-text-fill: rgb(0, 0, 0);
+
+}
+
+ToggleButton:pressed {
+    -fx-background-color: rgb(231, 231, 231);
+    -fx-border-color: transparent;
+    -fx-text-fill: rgb(0, 0, 0);
 }
\ No newline at end of file