University-of-Basel-Studentprojects/Programmierprojekt
Archived
1
0
Fork 0
Code Issues 17 Pull Requests Actions Wiki Activity

Style: Update Chat UI themes

Browse Source
This commit is contained in:
Julian Kropff
2026-05-14 18:30:40 +02:00
parent f0135ce6f4
commit 94613626d9
2 changed files with 36 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/ui-structure/Casinogameui-blackwhite.css
+17 -17
View File
@@ -493,27 +493,27 @@
.scroll-pane {
-fx-background-color: transparent;
-fx-border-color: transparent;
-fx-background-color: transparent !important;
-fx-border-color: transparent !important;
}
.scroll-pane .scroll-bar:vertical,
.scroll-pane .scroll-bar:horizontal {
-fx-background-color: transparent;
-fx-background-color: transparent !important;
}
.scroll-pane .scroll-bar .track {
-fx-background-color: #000000;
-fx-background-radius: 5;
-fx-background-color: #000000 !important;
-fx-background-radius: 5 !important;
}
.scroll-pane .scroll-bar .thumb {
-fx-background-color: #333333;
-fx-background-radius: 5;
-fx-background-color: #333333 !important;
-fx-background-radius: 5 !important;
}
.scroll-pane .scroll-bar .thumb:hover {
-fx-background-color: #666666;
-fx-background-color: #666666 !important;
}
.notebook-tips-list {
@@ -624,10 +624,10 @@
.tab-chat-box {
-fx-background-color: #000000 !important;
-fx-background-radius: 23 !important;
-fx-border-radius: 20 !important;
-fx-background-radius: 23;
-fx-border-radius: 20;
-fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10 !important;
-fx-border-width: 3 !important;
-fx-border-width: 3;
-fx-padding: 20;
}
@@ -647,22 +647,22 @@
.tab-pane .tab-header-area .tab-header-background {
-fx-opacity: 0;
-fx-background-color: #000000 !important;
-fx-background-color: transparent;
-fx-background-radius: 18 !important;
-fx-border-radius: 10 !important;
-fx-border-color: #000000 !important;
/*-fx-border-color: #000000 !important;*/
-fx-border-width: 5;
-fx-padding: 10;
-fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;
/*-fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;*/
-fx-min-height: 10;
}
.tab-pane .tab {
-fx-background-color: #000000 !important;
-fx-background-color: transparent;
-fx-background-radius: 18 !important;
-fx-border-radius: 10 !important;
-fx-border-color: #000000 !important;
-fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;
/*-fx-border-color: #000000 !important;*/
/*-fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;*/
-fx-border-width: 5;
-fx-padding: 6 15;
}
src/main/resources/ui-structure/components/chatui/chatui.css
+19 -39
View File
@@ -9,12 +9,11 @@
}
.tab-chat-box {
-fx-background-color: #0d9e3b;
-fx-background-radius: 58;
-fx-border-radius: 50;
-fx-border-color: #0d763b #0d623b #0d623b #0d763b;
-fx-border-width: 12;
-fx-background-radius: 23;
-fx-border-radius: 20;
-fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
-fx-border-width: 3;
-fx-padding: 20;
}
@@ -121,76 +120,59 @@
-fx-background-color: transparent;
-fx-background: transparent;
}
.scroll-pane {
-fx-background-color: transparent;
-fx-border-color: transparent;
}
.scroll-pane .scroll-bar:vertical {
.scroll-pane .scroll-bar:vertical,
.scroll-pane .scroll-bar:horizontal {
-fx-background-color: transparent;
}
.scroll-pane .scroll-bar .track {
-fx-background-color: #5c3d10;
-fx-background-insets: 0;
/*-fx-background-color: #5c3d10;*/
-fx-background-color: transparent;
-fx-background-radius: 5;
}
.scroll-pane .scroll-bar .thumb {
-fx-background-color: #3d260a;
-fx-background-insets: 0;
-fx-background-radius: 5;
-fx-pref-width: 6;
-fx-pref-height: 6;
-fx-padding: 0;
}
.scroll-pane .scroll-bar:horizontal {
-fx-background-color: transparent;
}
.scroll-pane .scroll-bar:horizontal .track {
-fx-background-color: #5c3d10;
-fx-background-radius: 5;
}
.scroll-pane .scroll-bar:horizontal .thumb {
-fx-background-color: #3d260a;
-fx-background-radius: 5;
-fx-pref-height: 6;
}
.scroll-pane .scroll-bar:horizontal .thumb:hover {
-fx-pref-height: 10;
.scroll-pane .scroll-bar .thumb:hover {
-fx-background-color: #2a1b07;
}
.tab-pane .tab-header-area .tab-header-background {
-fx-opacity: 0;
-fx-background-color: #0d9e3b;
-fx-background-color: transparent;
-fx-background-radius: 18;
-fx-border-radius: 10;
-fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
/*-fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;*/
-fx-border-width: 5;
-fx-padding: 10;
-fx-effect: dropshadow(one-pass-box, rgba(0,0,0,1), 0, 0, 15, 15);
/*-fx-effect: dropshadow(one-pass-box, rgba(0,0,0,1), 0, 0, 15, 15);*/
-fx-min-height: 10;
}
.tab-pane .tab {
-fx-background-color: #0d983b;
-fx-background-color: transparent;
-fx-background-radius: 28;
-fx-border-radius: 10;
-fx-border-color: #0d873b #0d733b #0d733b #0d873b;
/*-fx-border-color: #0d873b #0d733b #0d733b #0d873b;*/
-fx-border-width: 5;
-fx-padding: 6 15;
}
.tab-pane .tab:selected {
-fx-background-color: #0d873b;
-fx-background-color: #0d9e3b;
-fx-background-radius: 18;
-fx-border-radius: 10;
-fx-border-color: #0d763b #0d623b #0d623b #0d763b;
-fx-border-width: 5;
-fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
-fx-border-width: 3;
-fx-padding: 6 15;
}
@@ -232,7 +214,6 @@
-fx-background-radius: 4;
-fx-padding: 6 15;
-fx-cursor: hand;
}
.menu-button:hover {
@@ -245,4 +226,3 @@
-fx-border-color: #ffd700;
-fx-text-fill: #ffffff
}