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..."/>
-
+
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