Added some more style tweaks

src/main/resources/net/metaunix/openwebfx/main-view.fxml

@@ -69,7 +69,7 @@
                       wrapText="true"
                       HBox.hgrow="ALWAYS"
                       promptText="Send a message..."/>
-                <Button fx:id="sendButton" text="Send" HBox.hgrow="ALWAYS" maxWidth="Infinity" maxHeight="Infinity"/>
+                <Button fx:id="sendButton" styleClass="send-button" text="Send" HBox.hgrow="ALWAYS" maxWidth="Infinity" maxHeight="Infinity"/>
             </HBox>
         </HBox>
     </bottom>

src/main/resources/net/metaunix/openwebfx/style-dark.css

@@ -1,6 +1,7 @@
 /* Backgrounds */
-.root, #chatContainer, #conversationListContainer, #bottomControls {
+.root, #chatContainer, #conversationListContainer, #bottomControls, #chatScrollPane {
     -fx-background-color: #1e1e1e;
+    -fx-text-fill: white;
 }
 
 .text-area, #chatListView, #conversationList {
@@ -13,8 +14,52 @@
     -fx-text-fill: white;
 }
 
+.sidebar-title{
+    -fx-text-fill: white;
+}
+
 /* Send button - green */
 .send-button {
     -fx-background-color: #10b981; /* same green as light mode */
     -fx-text-fill: white;
 }
+.send-button:hover{
+    -fx-background-color: #03b27b;
+}
+
+
+.text-area{
+    -fx-background-radius: 0;
+    -fx-border-width: 1;
+    border-width: 1;
+    -fx-border-color: #222222;
+    border-color: #222222;
+    -fx-text-fill: #AFB1B3;
+    -fx-highlight-fill: #4e4e4e;
+    -fx-background-color: #1A1A1A;
+    background-color: #1A1A1A;
+}
+.text-area:hover{
+    -fx-border-color: #3E3E40;
+    border-color: #3E3E40;
+}
+.text-area:focused{
+    -fx-border-color: #4e4e4e;
+    border-color: #4e4e4e;
+    -fx-background-color: #1A1A1A;
+    background-color: #1A1A1A;
+}
+.text-area .content{
+    -fx-background-radius: 0;
+    -fx-border-width: 0;
+    border-width: 0;
+    -fx-background-radius: 0;
+    -fx-background-color: #1A1A1A;
+    background-color: #1A1A1A;
+}
+.text-area .scroll-bar{
+    -fx-background-insets: 0 -0.5 0.5 0;
+}
+.text-area .scroll-bar .thumb{
+    -fx-background-insets: 0 2 0 2;
+}

src/main/resources/net/metaunix/openwebfx/style-light.css

@@ -1,9 +1,9 @@
 /* Backgrounds */
-.root, #chatContainer, #conversationListContainer, #bottomControls {
+.root, #chatContainer, #conversationListContainer, #bottomControls, #chatScrollPane {
     -fx-background-color: #f5f5f5;
 }
 
-.text-area, #chatListView, #conversationList {
+.text-area, #chatListView, #conversationList, #inputField {
     -fx-background-color: #ffffff;
     -fx-text-fill: black;
 }
@@ -13,8 +13,15 @@
     -fx-text-fill: black;
 }
 
+.sidebar-title{
+    -fx-text-fill: black;
+}
+
 /* Send button - green */
 .send-button {
     -fx-background-color: #10b981; /* nice green */
     -fx-text-fill: white;
 }
+.send-button:hover{
+    -fx-background-color: #03b27b;
+}

src/main/resources/net/metaunix/openwebfx/style.css

@@ -1,20 +1,29 @@
-/* Backgrounds */
+/* style.css */
-.root, #chatContainer, #conversationListContainer, #bottomControls {
+
-    -fx-background-color: #f5f5f5;
+/* Base font and spacing */
+.root {
+    -fx-font-family: "Segoe UI", sans-serif;
+    -fx-font-size: 14px;
 }
 
-.text-area, #chatListView, #conversationList {
+.text-area, .list-view {
-    -fx-background-color: #ffffff;
+    -fx-font-family: monospace;
-    -fx-text-fill: black;
+    -fx-padding: 8px;
+    -fx-background-radius: 8px;
+    -fx-border-radius: 8px;
 }
 
-/* Title color */
+/* App title style */
 .app-title {
-    -fx-text-fill: black;
+    -fx-font-size: 18px;
+    -fx-font-weight: bold;
 }
 
-/* Send button - green */
+/* Send button - common shape and font */
 .send-button {
-    -fx-background-color: #10b981; /* nice green */
+    -fx-font-weight: bold;
-    -fx-text-fill: white;
+    -fx-background-radius: 12px;
+    -fx-border-radius: 12px;
+    -fx-padding: 8px 16px;
+    -fx-cursor: hand;
 }