From 81a8535704a0d2865a4f0ac504b46f90668b6437 Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gballantine@metaunix.net>
Date: Fri, 20 Feb 2026 01:13:15 -0500
Subject: [PATCH] Added some more style tweaks

---
 .../net/metaunix/openwebfx/main-view.fxml     |  2 +-
 .../net/metaunix/openwebfx/style-dark.css     | 47 ++++++++++++++++++-
 .../net/metaunix/openwebfx/style-light.css    | 11 ++++-
 .../net/metaunix/openwebfx/style.css          | 31 +++++++-----
 4 files changed, 76 insertions(+), 15 deletions(-)

diff --git a/src/main/resources/net/metaunix/openwebfx/main-view.fxml b/src/main/resources/net/metaunix/openwebfx/main-view.fxml
index 41b2614..b0f1cad 100644
--- a/src/main/resources/net/metaunix/openwebfx/main-view.fxml
+++ b/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>
diff --git a/src/main/resources/net/metaunix/openwebfx/style-dark.css b/src/main/resources/net/metaunix/openwebfx/style-dark.css
index 3a2385b..2d4b79f 100644
--- a/src/main/resources/net/metaunix/openwebfx/style-dark.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/src/main/resources/net/metaunix/openwebfx/style-light.css b/src/main/resources/net/metaunix/openwebfx/style-light.css
index afaee96..c89e906 100644
--- a/src/main/resources/net/metaunix/openwebfx/style-light.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/src/main/resources/net/metaunix/openwebfx/style.css b/src/main/resources/net/metaunix/openwebfx/style.css
index afaee96..b5dc474 100644
--- a/src/main/resources/net/metaunix/openwebfx/style.css
+++ b/src/main/resources/net/metaunix/openwebfx/style.css
@@ -1,20 +1,29 @@
-/* Backgrounds */
-.root, #chatContainer, #conversationListContainer, #bottomControls {
-    -fx-background-color: #f5f5f5;
+/* style.css */
+
+/* Base font and spacing */
+.root {
+    -fx-font-family: "Segoe UI", sans-serif;
+    -fx-font-size: 14px;
 }
 
-.text-area, #chatListView, #conversationList {
-    -fx-background-color: #ffffff;
-    -fx-text-fill: black;
+.text-area, .list-view {
+    -fx-font-family: monospace;
+    -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-text-fill: white;
+    -fx-font-weight: bold;
+    -fx-background-radius: 12px;
+    -fx-border-radius: 12px;
+    -fx-padding: 8px 16px;
+    -fx-cursor: hand;
 }
\ No newline at end of file