gballan/open-webFX
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added some more style tweaks

Browse Source
This commit is contained in:
Gregory Ballantine
2026-02-20 01:13:15 -05:00
parent 06b97ad2f4
commit 81a8535704
4 changed files with 76 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/resources/net/metaunix/openwebfx/main-view.fxml
View File

@@ -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>

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

@@ -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;
}

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

@@ -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;
}

31
src/main/resources/net/metaunix/openwebfx/style.css
View File

@@ -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;
}