Loading circle, better loading colors.

app/src/main/java/org/toop/app/App.java

@@ -83,7 +83,7 @@ public final class App extends Application {
 		AppSettings.applySettings();
 
         LoadingWidget loading = new LoadingWidget(Primitive.text(
-                "Loading...", false), 0, 0, Integer.MAX_VALUE, false // Just set a high default
+                "Loading...", false), 0, 0, Integer.MAX_VALUE, false, false // Just set a high default
         );
 
 		WidgetContainer.setCurrentView(loading);

app/src/main/java/org/toop/app/Server.java

@@ -86,7 +86,7 @@ public final class Server {
 		final int reconnectAttempts = 10;
 
 		LoadingWidget loading = new LoadingWidget(
-                Primitive.text("connecting"), 0, 0, reconnectAttempts, true
+                Primitive.text("connecting"), 0, 0, reconnectAttempts, true, true
         );
 
 		WidgetContainer.getCurrentView().transitionNext(loading);

app/src/main/java/org/toop/app/widget/complex/LoadingWidget.java

@@ -2,7 +2,9 @@ package org.toop.app.widget.complex;
 
 import javafx.application.Platform;
 import javafx.geometry.Pos;
+import javafx.scene.control.Control;
 import javafx.scene.control.ProgressBar;
+import javafx.scene.control.ProgressIndicator;
 import javafx.scene.layout.VBox;
 import javafx.scene.text.Text;
 import org.toop.app.widget.Primitive;
@@ -12,7 +14,7 @@ import java.util.concurrent.atomic.AtomicBoolean;
 
 public class LoadingWidget extends ViewWidget implements Update { // TODO make of widget type
     private final Text loadingText; // TODO Make changeable
-    private final ProgressBar progressBar;
+    private final ProgressIndicator progressBar;
     private final AtomicBoolean successTriggered = new AtomicBoolean(false);
     private final AtomicBoolean failureTriggered = new AtomicBoolean(false);
 
@@ -25,7 +27,7 @@ public class LoadingWidget extends ViewWidget implements Update { // TODO make o
     private Callable<Boolean> failureTrigger = () -> (amount < minAmount);
     private float percentage = 0.0f;
 
-    private boolean isInfiniteBar = false;
+    private boolean isInfinite = false;
 
     /**
      *
@@ -36,17 +38,18 @@ public class LoadingWidget extends ViewWidget implements Update { // TODO make o
      * @param startAmount The starting amount.
      * @param maxAmount The max amount.
      */
-    public LoadingWidget(Text loadingText, int minAmount, int startAmount, int maxAmount, boolean infiniteBar) {
+    public LoadingWidget(Text loadingText, int minAmount, int startAmount, int maxAmount, boolean infinite, boolean circle) {
-        isInfiniteBar = infiniteBar;
+        isInfinite = infinite;
 
         this.maxAmount = maxAmount;
         this.minAmount = minAmount;
         amount = startAmount;
 
         this.loadingText = loadingText;
-        progressBar = new ProgressBar();
+        progressBar = circle ? new ProgressIndicator() : new ProgressBar();
 
         VBox box = Primitive.vbox(this.loadingText, progressBar);
+        progressBar.getStyleClass().add("loading-progress-bar");
         add(Pos.CENTER, box);
     }
 
@@ -75,6 +78,10 @@ public class LoadingWidget extends ViewWidget implements Update { // TODO make o
         return (failureTriggered.get() || successTriggered.get());
     }
 
+    public ProgressIndicator getProgressBar() {
+        return progressBar;
+    }
+
     /**
      * What to do when success is triggered.
      * @param onSuccess The lambda that gets run on success.
@@ -148,7 +155,7 @@ public class LoadingWidget extends ViewWidget implements Update { // TODO make o
         if (maxAmount != 0) {
             percentage = (float) amount / maxAmount;
         }
-        if (!isInfiniteBar) {
+        if (!isInfinite) {
             progressBar.setProgress(percentage);
         }
     }

app/src/main/java/org/toop/app/widget/display/SongDisplay.java

@@ -33,7 +33,7 @@ public class SongDisplay extends VBox implements Widget {
 		songTitle.getStyleClass().add("song-title");
 
 		progressBar = new ProgressBar(0);
-		progressBar.getStyleClass().add("progress-bar");
+		progressBar.getStyleClass().add("loading-progress-bar");
 
 		progressText = new Text("0:00/0:00");
 		progressText.getStyleClass().add("progress-text");

app/src/main/resources/style/dark.css

@@ -16,7 +16,6 @@
     -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;
 }
@@ -39,6 +38,18 @@
     -fx-background-radius: 30px;
 }
 
+.loading-progress-bar {
+	-fx-progress-color: #3caf3f;
+}
+
+.loading-progress-bar > .bar {
+	-fx-background-color: #3caf3f;
+}
+
+.loading-progress-bar > .track {
+	-fx-background-color: rgba(0,0,0,0.15);
+}
+
 .progress-text {
     -fx-font-size: 11px;
     -fx-fill: white;

app/src/main/resources/style/high-contrast.css

@@ -16,7 +16,6 @@
 	-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;
 }
@@ -27,6 +26,7 @@
 }
 
 .progress-bar {
+	-fx-inner-background-color: black;
 	-fx-pref-width: 200px;
 	-fx-accent: red;
 }
@@ -39,6 +39,18 @@
 	-fx-background-radius: 30px;
 }
 
+.loading-progress-bar {
+	-fx-progress-color: #28a428;
+}
+
+.loading-progress-bar > .bar {
+	-fx-background-color: #28a428;
+}
+
+.loading-progress-bar > .track {
+	-fx-background-color: rgba(0,0,0,0.15);
+}
+
 .progress-text {
 	-fx-font-size: 11px;
 	-fx-fill: white;
@@ -48,10 +60,9 @@
 	-fx-background-color: transparent;
 	-fx-background-radius: 0;
 	-fx-cursor: hand;
- 	-fx-text-fill: white;
 }
 
-.skip-button .text {
+.skip-button > .text {
 	-fx-fill: white;
 }
 
@@ -59,10 +70,9 @@
 	-fx-background-color: transparent;
 	-fx-background-radius: 0;
 	-fx-cursor: hand;
- 	-fx-text-fill: white;
 }
 
-.pause-button .text {
+.pause-button > .text {
 	-fx-fill: white;
 }
 
@@ -70,10 +80,9 @@
 	-fx-background-color: transparent;
 	-fx-background-radius: 0;
 	-fx-cursor: hand;
- 	-fx-text-fill: white;
 }
 
-.previous-button .text {
+.previous-button > .text {
 	-fx-fill: white;
 }
 

app/src/main/resources/style/light.css

@@ -16,14 +16,13 @@
 	-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;
+	-fx-effect: null;
 }
 
 .progress-bar {
@@ -40,42 +39,53 @@
 	-fx-background-radius: 30px;
 }
 
+.loading-progress-bar {
+	-fx-progress-color: #3caf3f;
+}
+
+.loading-progress-bar > .bar {
+	-fx-background-color: linear-gradient(to bottom, #a2d1a1, #b8e3b9);
+}
+
+.loading-progress-bar > .track {
+	-fx-background-color: rgba(0,0,0,0.15);
+}
+
 .progress-text {
 	-fx-font-size: 11px;
-    -fx-fill: black;
+	-fx-effect: null;
 }
 
 .skip-button {
 	-fx-background-color: transparent;
 	-fx-background-radius: 0;
 	-fx-cursor: hand;
- 	-fx-text-fill: black;
+	-fx-effect: null;
 }
 
 .skip-button .text {
-    -fx-fill: black;
 }
 
 .pause-button {
 	-fx-background-color: transparent;
 	-fx-background-radius: 0;
 	-fx-cursor: hand;
- 	-fx-text-fill: black;
+	-fx-effect: null;
 }
 
 .pause-button .text {
-    -fx-fill: black;
+	-fx-effect: null;
 }
 
 .previous-button {
 	-fx-background-color: transparent;
 	-fx-background-radius: 0;
 	-fx-cursor: hand;
- 	-fx-text-fill: black;
+	-fx-effect: null;
 }
 
 .previous-button .text {
-    -fx-fill: black;
+	-fx-effect: null;
 }
 
 .button {