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 @@
-
-