Add CSS styling for UI components

src/main/resources/css/list.css

@@ -0,0 +1,15 @@
+.list-view {
+    -fx-background-color: #00000d;
+}
+
+.list-cell {
+    -fx-background-color: #00000d;
+    -fx-text-fill: #FFFFFF;
+    -fx-font-size:16.0;
+    -fx-font-family: "Berlin Sans FB";
+}
+
+.list-cell:filled:selected:focused, .list-cell:filled:selected {
+    /* 3:, 4: */
+    -fx-background-color: #4d4dff;
+}

src/main/resources/css/tabPane.css

@@ -0,0 +1,54 @@
+#tabPane {
+    -fx-tab-min-height: 5em;
+    -fx-tab-max-height: 5em;
+
+    -fx-tab-min-width: 10em;
+    -fx-tab-max-width: 10em;
+    -fx-padding: 0 -1 -1 0;
+}
+
+.tab .tab-label {
+    -fx-background-color: transparent;
+    -fx-alignment: center;
+}
+
+.tab {
+    -fx-padding: 20;
+    -fx-background-insets: 0;
+    -fx-background-radius: 0.0;
+    -fx-background-color: #FFFFFF;
+}
+
+.tab:selected {
+    -fx-background-color: #FAFCFE;
+    -fx-background-radius: 0.0;
+    -fx-background-insets: 0.0;
+    -fx-border-width: 5 0 0 0;
+    -fx-border-color: #3FE387;
+}
+
+.tab:focused {
+    -fx-focus-color: transparent;
+}
+
+.tab-pane *.tab-header-background {
+    -fx-background-color: transparent;
+}
+
+.tab-pane:left *.tab-header-area {
+    -fx-background-insets: 0, 0 0 10;
+    -fx-padding: 0.0em 0.0em 0.0em 0.0em;
+}
+
+.tab:selected .focus-indicator {
+    -fx-focus-color: transparent;
+    -fx-border-color: transparent;
+}
+
+.tab-down-button {
+    -fx-padding: 0;
+}
+
+.tab-down-button .arrow {
+    -fx-padding: 0;
+}