SchoolProjects/Calci
SchoolProjects/Calci
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update button styles and background colors for improved UI consistency

Browse Source
This commit is contained in:
Dominik Krenn 2025-09-19 13:15:40 +02:00
parent 2f80195a7d
commit fb05209009
1 changed files with 93 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/views/hello.fxml
View File

@ -9,14 +9,26 @@
<?import javafx.scene.layout.RowConstraints?> <?import javafx.scene.layout.RowConstraints?>
<?import javafx.scene.layout.VBox?> <?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> <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> <children>
<Label fx:id="label" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="80.0" prefWidth="584.0" text="Label" /> <Label fx:id="label" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
<HBox prefHeight="450.0" prefWidth="675.0"> 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> <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>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" /> <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<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 minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints> </rowConstraints>
<children> <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"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="8" GridPane.columnIndex="1" GridPane.rowIndex="1" /> mnemonicParsing="false" onMouseClicked="#button_click" text="Button"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="9" GridPane.columnIndex="2" GridPane.rowIndex="1" /> 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" /> style="-fx-background-color: #222222; -fx-text-fill: white;"/>
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="4" GridPane.rowIndex="2" /> <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="5" GridPane.columnIndex="1" GridPane.rowIndex="2" /> mnemonicParsing="false" onMouseClicked="#button_click" text="8"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="7" GridPane.rowIndex="1" /> GridPane.columnIndex="1" GridPane.rowIndex="1"
<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" /> <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="2" GridPane.columnIndex="1" GridPane.rowIndex="3" /> mnemonicParsing="false" onMouseClicked="#button_click" text="9"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="3" GridPane.columnIndex="2" GridPane.rowIndex="3" /> GridPane.columnIndex="2" GridPane.rowIndex="1"
<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: #222222; -fx-text-fill: white;"/>
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="0" GridPane.rowIndex="4" /> <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="." GridPane.columnIndex="1" GridPane.rowIndex="4" /> mnemonicParsing="false" onMouseClicked="#button_click"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="+/-" GridPane.columnIndex="2" GridPane.rowIndex="4" /> prefHeight="0.0" prefWidth="100.0" text="+"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="CLR" /> GridPane.columnIndex="3" GridPane.rowIndex="1" GridPane.rowSpan="2"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="/" GridPane.columnIndex="1" /> 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="2" /> <Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="-" GridPane.columnIndex="3" /> 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> </children>
</GridPane> </GridPane>
</children> </children>