From fb052090097bfcf8e3c7d5eab8f07605ffdb040a Mon Sep 17 00:00:00 2001
From: Dominik Krenn <dominik.krenn@1tool.com>
Date: Fri, 19 Sep 2025 13:15:40 +0200
Subject: [PATCH] style: update button styles and background colors for
 improved UI consistency

---
 src/views/hello.fxml | 117 ++++++++++++++++++++++++++++++++++---------
 1 file changed, 93 insertions(+), 24 deletions(-)

diff --git a/src/views/hello.fxml b/src/views/hello.fxml
index bcbf066..55eae20 100755
--- a/src/views/hello.fxml
+++ b/src/views/hello.fxml
@@ -9,14 +9,26 @@
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.layout.VBox?>
 
-<TitledPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="675.0" xmlns="http://javafx.com/javafx/24.0.1" xmlns:fx="http://javafx.com/fxml/1">
+<TitledPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
+            prefHeight="600.0" prefWidth="675.0"
+            xmlns="http://javafx.com/javafx/24.0.1"
+            xmlns:fx="http://javafx.com/fxml/1"
+            style="-fx-background-color: #121212;">
    <content>
-      <VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="450.0" prefWidth="600.0">
+      <VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
+            prefHeight="450.0" prefWidth="600.0"
+            style="-fx-background-color: #121212;">
          <children>
-            <Label fx:id="label" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="80.0" prefWidth="584.0" text="Label" />
-            <HBox prefHeight="450.0" prefWidth="675.0">
+            <Label fx:id="label" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
+                   prefHeight="80.0" prefWidth="584.0" text="Label"
+                   style="-fx-text-fill: white; -fx-font-size: 20px; -fx-font-weight: bold;"/>
+            <HBox prefHeight="450.0" prefWidth="675.0"
+                  style="-fx-background-color: #121212;">
                <children>
-                  <GridPane maxWidth="1.7976931348623157E308" prefHeight="282.0" prefWidth="595.0">
+                  <GridPane maxWidth="1.7976931348623157E308"
+                            prefHeight="282.0" prefWidth="595.0"
+                            style="-fx-background-color: #121212;"
+                            hgap="5" vgap="5">
                      <columnConstraints>
                         <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                         <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
@@ -31,25 +43,82 @@
                         <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                      </rowConstraints>
                      <children>
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="Button" GridPane.rowIndex="1" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="8" GridPane.columnIndex="1" GridPane.rowIndex="1" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="9" GridPane.columnIndex="2" GridPane.rowIndex="1" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" prefHeight="0.0" prefWidth="100.0" text="+" GridPane.columnIndex="3" GridPane.rowIndex="1" GridPane.rowSpan="2" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="4" GridPane.rowIndex="2" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="5" GridPane.columnIndex="1" GridPane.rowIndex="2" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="7" GridPane.rowIndex="1" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="6" GridPane.columnIndex="2" GridPane.rowIndex="2" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="1" GridPane.rowIndex="3" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="2" GridPane.columnIndex="1" GridPane.rowIndex="3" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="3" GridPane.columnIndex="2" GridPane.rowIndex="3" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="=" GridPane.columnIndex="3" GridPane.rowIndex="3" GridPane.rowSpan="2" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="0" GridPane.rowIndex="4" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="." GridPane.columnIndex="1" GridPane.rowIndex="4" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="+/-" GridPane.columnIndex="2" GridPane.rowIndex="4" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="CLR" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="/" GridPane.columnIndex="1" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="*" GridPane.columnIndex="2" />
-                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="-" GridPane.columnIndex="3" />
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="Button"
+                                GridPane.rowIndex="1"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="8"
+                                GridPane.columnIndex="1" GridPane.rowIndex="1"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="9"
+                                GridPane.columnIndex="2" GridPane.rowIndex="1"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click"
+                                prefHeight="0.0" prefWidth="100.0" text="+"
+                                GridPane.columnIndex="3" GridPane.rowIndex="1" GridPane.rowSpan="2"
+                                style="-fx-background-color: #e94f1d; -fx-text-fill: white; -fx-font-weight: bold;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="4"
+                                GridPane.rowIndex="2"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="5"
+                                GridPane.columnIndex="1" GridPane.rowIndex="2"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="7"
+                                GridPane.rowIndex="1"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="6"
+                                GridPane.columnIndex="2" GridPane.rowIndex="2"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="1"
+                                GridPane.rowIndex="3"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="2"
+                                GridPane.columnIndex="1" GridPane.rowIndex="3"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="3"
+                                GridPane.columnIndex="2" GridPane.rowIndex="3"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="="
+                                GridPane.columnIndex="3" GridPane.rowIndex="3" GridPane.rowSpan="2"
+                                style="-fx-background-color: #e94f1d; -fx-text-fill: white; -fx-font-weight: bold;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="0"
+                                GridPane.rowIndex="4"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="."
+                                GridPane.columnIndex="1" GridPane.rowIndex="4"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="+/-"
+                                GridPane.columnIndex="2" GridPane.rowIndex="4"
+                                style="-fx-background-color: #222222; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="CLR"
+                                style="-fx-background-color: #e94f1d; -fx-text-fill: white; -fx-font-weight: bold;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="/"
+                                GridPane.columnIndex="1"
+                                style="-fx-background-color: #333333; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="*"
+                                GridPane.columnIndex="2"
+                                style="-fx-background-color: #333333; -fx-text-fill: white;"/>
+                        <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+                                mnemonicParsing="false" onMouseClicked="#button_click" text="-"
+                                GridPane.columnIndex="3"
+                                style="-fx-background-color: #333333; -fx-text-fill: white;"/>
                      </children>
                   </GridPane>
                </children>