Change scroll-bar design; fixed list focus color

PlayWall/src/main/resources/style/modern.css

@@ -44,7 +44,7 @@ Default elements
 	-fx-background-color: #EEEEEE;
 }
 
-.list {
+.list-view {
 	-fx-focus-color: transparent;
 	-fx-faint-focus-color: transparent;
 	-fx-background-insets: 0;
@@ -65,6 +65,50 @@ Default elements
 	-fx-text-fill: white;
 }
 
+/* The main scrollbar **track** CSS class  */
+.scroll-bar:horizontal .track,
+.scroll-bar:vertical .track {
+	-fx-background-color: transparent;
+	-fx-border-color: transparent;
+	-fx-background-radius: 0em;
+	-fx-border-radius: 2em;
+}
+
+/* The increment and decrement button CSS class of scrollbar */
+.scroll-bar:horizontal .increment-button,
+.scroll-bar:horizontal .decrement-button {
+	-fx-background-color: transparent;
+	-fx-background-radius: 0em;
+	-fx-padding: 0 0 12 0;
+
+}
+
+/* The increment and decrement button CSS class of scrollbar */
+
+.scroll-bar:vertical .increment-button,
+.scroll-bar:vertical .decrement-button {
+
+	-fx-background-color: transparent;
+	-fx-background-radius: 0em;
+	-fx-padding: 0 12 0 0;
+
+}
+
+.scroll-bar .increment-arrow,
+.scroll-bar .decrement-arrow {
+	-fx-shape: " ";
+	-fx-padding: 0;
+}
+
+/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
+.scroll-bar:horizontal .thumb,
+.scroll-bar:vertical .thumb {
+	-fx-background-color: derive(black, 90%);
+	-fx-background-insets: 2, 0, 0;
+	-fx-background-radius: 2em;
+
+}
+
 /**
 PlayPad Elements
  */