Added infinite boolean, fixed loading behaviour at startup

2026-02-04 10:54:51 +00:00 · 2025-12-03 18:56:08 +01:00
parent 740d2cf3db
commit 040287ad70
12 changed files with 47 additions and 30 deletions
--- a/app/src/main/resources/style/light.css
+++ b/app/src/main/resources/style/light.css
@@ -0,0 +1,200 @@
+.bg-primary {
+	-fx-background-color: linear-gradient(to bottom, #e8f1ef, #cfded9);
+}
+
+.bg-secondary {
+	-fx-background-color: linear-gradient(to bottom, #c3d6d1, #a9c2bb);
+}
+
+.bg-popup {
+	-fx-background-color: rgba(224, 240, 242, 0.95);
+	-fx-background-radius: 8;
+	-fx-effect: dropshadow(gaussian, #a0c4b088, 6, 0, 0, 2);
+}
+
+.song-display {
+    -fx-padding: 8 12 8 12;
+    -fx-spacing: 6px;
+    -fx-alignment: center;
+    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0.5, 0, 2);
+    -fx-min-width: 220px;
+    -fx-max-width: 260px;
+}
+
+.song-title {
+    -fx-font-size: 14px;
+    -fx-fill: black;
+}
+
+.progress-bar {
+    -fx-inner-background-color: black;
+    -fx-pref-width: 200px;
+    -fx-accent: red;
+}
+
+.progress-bar > .track {
+    -fx-background-radius: 30;
+}
+
+.progress-bar > .bar {
+    -fx-background-radius: 30px;
+}
+
+.progress-text {
+    -fx-font-size: 11px;
+    -fx-fill: black;
+}
+
+.skip-button {
+    -fx-background-color: transparent;
+    -fx-background-radius: 0;
+ 	-fx-cursor: hand;
+ 	-fx-text-fill: black;
+ 	}
+
+.skip-button .text {
+    -fx-fill: black;
+}
+
+.pause-button {
+    -fx-background-color: transparent;
+    -fx-background-radius: 0;
+ 	-fx-cursor: hand;
+ 	-fx-text-fill: black;
+ 	}
+
+.pause-button .text {
+    -fx-fill: black;
+}
+
+.previous-button {
+    -fx-background-color: transparent;
+    -fx-background-radius: 0;
+ 	-fx-cursor: hand;
+ 	-fx-text-fill: black;
+ 	}
+
+.previous-button .text {
+    -fx-fill: black;
+}
+
+.button {
+	-fx-background-color: linear-gradient(to bottom, #7ac27a, #90d090);
+	-fx-background-radius: 8;
+	-fx-border-color: #5caf5c;
+	-fx-cursor: hand;
+	-fx-effect: dropshadow(gaussian, #7abf7aaa, 5, 0, 0, 2);
+	-fx-text-fill: #2e4d2e;
+	-fx-font-weight: bold;
+}
+
+.button:hover {
+	-fx-background-color: linear-gradient(to bottom, #a2d1a1, #b8e3b9);
+	-fx-border-color: #4a784a;
+}
+
+.combo-box {
+	-fx-background-color: linear-gradient(to bottom, #d9e6e1, #b8ccc5);
+	-fx-background-radius: 6;
+	-fx-border-color: #5caf5c;
+	-fx-cursor: hand;
+}
+
+.combo-box:hover {
+	-fx-border-color: #81b581;
+}
+
+.combo-box:focused {
+	-fx-border-color: #aad3aa;
+	-fx-effect: dropshadow(gaussian, #aad3aa99, 4, 0, 0, 1);
+}
+
+.combo-box .arrow,
+.combo-box .arrow-button {
+	-fx-background-color: transparent;
+	-fx-border-color: transparent;
+}
+
+.combo-box .list-cell {
+	-fx-background-color: transparent;
+	-fx-text-fill: #2e4d2e;
+}
+
+.combo-box .list-view {
+	-fx-background-color: #d3e4d7;
+	-fx-background-radius: 6;
+	-fx-border-color: #5caf5c;
+}
+
+.combo-box-popup .list-cell {
+	-fx-text-fill: #2e4d2e;
+}
+
+.combo-box-popup .list-cell:hover {
+	-fx-background-color: #90d090;
+}
+
+.combo-box-popup .list-cell:selected {
+	-fx-background-color: #7ac27a;
+	-fx-text-fill: #ffffff;
+}
+
+.input {
+	-fx-background-color: linear-gradient(to bottom, #e6f0ec, #c8dbcd);
+	-fx-background-radius: 6;
+	-fx-border-color: #5caf5c;
+	-fx-text-fill: #2e4d2e;
+	-fx-font-weight: normal;
+}
+
+.input:hover {
+	-fx-border-color: #81b581;
+}
+
+.input:focused {
+	-fx-border-color: #aad3aa;
+	-fx-effect: dropshadow(gaussian, #aad3aa99, 4, 0, 0, 1);
+}
+
+.my-turn {
+	-fx-fill: #d14b4b;
+	-fx-font-weight: bold;
+}
+
+.separator .line {
+	-fx-border-color: #81b581;
+	-fx-opacity: 1;
+}
+
+.slider {
+	-fx-background-color: transparent;
+}
+
+.slider .thumb {
+	-fx-background-color: linear-gradient(to bottom, #7ac27a, #90d090);
+	-fx-background-radius: 50%;
+	-fx-effect: dropshadow(gaussian, #7abf7faa, 5, 0, 0, 1);
+}
+
+.slider .thumb:hover {
+	-fx-scale-x: 1.15;
+	-fx-scale-y: 1.15;
+}
+
+.slider .track {
+	-fx-background-color: linear-gradient(to left, #b8e3b9, #d05c5c);
+	-fx-background-insets: 0;
+	-fx-background-radius: 6;
+}
+
+.text {
+	-fx-fill: #2e4d2e;
+	-fx-font-weight: normal;
+	-fx-text-fill: #2e4d2e;
+}
+
+.header {
+	-fx-fill: #2b5c2b;
+	-fx-font-weight: bold;
+	-fx-text-fill: #2b5c2b;
+}