From e04476f00dc2db5ce21934fd4a90ac141130c17a Mon Sep 17 00:00:00 2001
From: Hammy <sgoudham@gmail.com>
Date: Sun, 15 Aug 2021 21:38:14 +0100
Subject: [PATCH] Add CSS styling for UI components

---
 src/main/resources/css/list.css    | 15 +++++++++
 src/main/resources/css/tabPane.css | 54 ++++++++++++++++++++++++++++++
 2 files changed, 69 insertions(+)
 create mode 100644 src/main/resources/css/list.css
 create mode 100644 src/main/resources/css/tabPane.css

diff --git a/src/main/resources/css/list.css b/src/main/resources/css/list.css
new file mode 100644
index 0000000..cbc1cbe
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/src/main/resources/css/tabPane.css b/src/main/resources/css/tabPane.css
new file mode 100644
index 0000000..4fc0c27
--- /dev/null
+++ b/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;
+}
\ No newline at end of file