src/main/resources/css/MainWindow.css

@@ -120,16 +120,19 @@
  * ScrollBar			                                                       *
  *                                                                             *
  ******************************************************************************/
+ .scroll-bar:vertical, .scroll-bar:horizontal {
+ 	-fx-background-color: transparent;
+ }
 
 .scroll-bar:vertical > .track-background, .scroll-bar:horizontal > .track-background {
-    -fx-background-color: #F1F1F1;
+    -fx-background-color: transparent;
     -fx-background-insets: 0.0;
 }
 
 .scroll-bar:vertical > .thumb, .scroll-bar:horizontal > .thumb {
-    -fx-background-color: #BCBCBC;
+    -fx-background-color: #FFFFFF;
     -fx-background-insets: 0.0;
-    -fx-background-radius: 1.0;
+    -fx-background-radius: 15.0;
 }
 
 /* Up- and Down-Button Padding */
@@ -139,7 +142,8 @@
 
 /* Left- and Right-Button Padding */
 .scroll-bar:horizontal > .increment-button, .scroll-bar:horizontal > .decrement-button {
-    -fx-padding: 2 5 2 5;
+	-fx-background-color: transparent;
+    -fx-padding: 5 2 5 2;
 }
 
 .scroll-bar > .increment-button, .scroll-bar > .decrement-button, .scroll-bar:hover > .increment-button, .scroll-bar:hover > .decrement-button {
@@ -162,12 +166,18 @@
 
 /* Right Arrow */    
 .scroll-bar:horizontal > .increment-button > .increment-arrow {
-    -fx-shape: "M0 428l0 -428l214 214l-214 214z";
+    /* -fx-shape: "M0 428l0 -428l214 214l-214 214z"; */
+    -fx-background-color:transparent;
+    -fx-shape: " ";
+    -fx-padding: 0;
 }
 
 /* Left Arrow */
 .scroll-bar:horizontal > .decrement-button > .decrement-arrow {
-    -fx-shape: "M214 0l0 428l-214 -214l214 -214z";
+    /* -fx-shape: "M214 0l0 428l-214 -214l214 -214z"; */
+    -fx-background-color:transparent;
+    -fx-shape: " ";
+    -fx-padding: 0;
 }
 
 /*******************************************************************************
@@ -192,3 +202,4 @@
 .scroll-pane > .viewport {
    -fx-background-color: transparent;
 }
+