diff --git a/racevisionGame/src/main/resources/css/dayMode.css b/racevisionGame/src/main/resources/css/dayMode.css index 39903bdb..df43c3dc 100644 --- a/racevisionGame/src/main/resources/css/dayMode.css +++ b/racevisionGame/src/main/resources/css/dayMode.css @@ -1,6 +1,9 @@ .root { -fx-base: rgb(215, 232, 218); - -fx-background: rgb(242, 242, 242); + /*-fx-background: rgba(245, 215, 106, 0.3);*/ + /*-fx-background: rgba(201, 156, 57, 0.35);*/ + /*-fx-background: rgba(251, 197, 30, 0.51);*/ + -fx-background: rgba(0, 255, 190, 0.11); /* make controls (buttons, thumb, etc.) slightly lighter */ -fx-color: derive(-fx-base, 2.5%); @@ -24,6 +27,45 @@ /*Focus colour*/ -fx-focus-color: rgb(128, 128, 128); } +/* BUTTONS */ + /* Small Buttons */ + .button { + -fx-background-color: rgba(11, 158, 160, 0.42); + -fx-border-color: #0b9ea0; + -fx-text-fill: rgb(10, 123, 125); + -fx-border-radius: 20px; + -fx-background-radius: 20px; + -fx-font-family: "Trebuchet MS"; + } + + .button:hover { + -fx-background-color: #0b9ea0; + -fx-border-color: #0b9ea0; + -fx-text-fill: rgba(255, 230, 146, 0.43); + -fx-font-size: 14px; + -fx-font-weight: bold; + } + + /* Large buttons */ + #hostGameBtn { + -fx-font-size: 18px; + } + + #hostGameBtn:hover { + -fx-font-size: 22px; + } + +/* Titles */ +#title { + -fx-font-size: 32px; + -fx-font-family: "Trebuchet MS"; + -fx-text-fill: rgb(10, 123, 125); +} + +/* Regular text */ +#lblLength { + -fx-font-family: "Trebuchet MS"; +} /* Fix derived prompt color for text fields */ .text-input { @@ -56,38 +98,26 @@ -fx-graphic: url("/visualiser/images/arrow.png"); } -#nextButton { - -fx-background-image: url("/visualiser/images/ArrowRoundRight.png"); +#nextButton, #previousButton { + -fx-background-image: url("/visualiser/images/ArrowSelect.png"); -fx-background-size: 60px; -fx-background-repeat: no-repeat; -fx-background-position: center center; -fx-focus-color: transparent; -fx-background-color: transparent; + -fx-border-color: transparent; } -#nextButton:pressed { - -fx-background-image: url("/visualiser/images/ArrowRoundRightClicked.png"); - -fx-background-size: 60px; - -fx-background-repeat: no-repeat; - -fx-background-position: center center; - -fx-focus-color: transparent; - -fx-background-color: transparent; + +#nextButton { + -fx-rotate: 180; } -#previousButton { - -fx-background-image: url("/visualiser/images/ArrowRoundLeft.png"); - -fx-background-size: 60px; - -fx-background-repeat: no-repeat; - -fx-background-position: center center; - -fx-focus-color: transparent; - -fx-background-color: transparent; +#nextButton:pressed { + -fx-background-image: url("/visualiser/images/ArrowClick.png"); } + #previousButton:pressed { - -fx-background-image: url("/visualiser/images/ArrowRoundLeftClicked.png"); - -fx-background-size: 60px; - -fx-background-repeat: no-repeat; - -fx-background-position: center center; - -fx-focus-color: transparent; - -fx-background-color: transparent; + -fx-background-image: url("/visualiser/images/ArrowClick.png"); } #lineChartWrapper{ diff --git a/racevisionGame/src/main/resources/images/iMapLayout.png b/racevisionGame/src/main/resources/images/iMapLayout.png index 5932a60d..7ff2291a 100644 Binary files a/racevisionGame/src/main/resources/images/iMapLayout.png and b/racevisionGame/src/main/resources/images/iMapLayout.png differ diff --git a/racevisionGame/src/main/resources/images/mMapLayout.png b/racevisionGame/src/main/resources/images/mMapLayout.png index fa0af51f..63cf11a2 100644 Binary files a/racevisionGame/src/main/resources/images/mMapLayout.png and b/racevisionGame/src/main/resources/images/mMapLayout.png differ diff --git a/racevisionGame/src/main/resources/visualiser/scenes/hostGame.fxml b/racevisionGame/src/main/resources/visualiser/scenes/hostGame.fxml index 3218c802..7d1b263a 100644 --- a/racevisionGame/src/main/resources/visualiser/scenes/hostGame.fxml +++ b/racevisionGame/src/main/resources/visualiser/scenes/hostGame.fxml @@ -34,16 +34,21 @@ - -