idea: modernize CSS

BrightSpots · Nov 18, 2024 · 9a95d39 · 9a95d39
1 parent 6623238
commit 9a95d39
Showing 1 changed file with 114 additions and 24 deletions.
diff --git a/src/main/resources/network/brightspots/rcv/GuiStyles.css b/src/main/resources/network/brightspots/rcv/GuiStyles.css
@@ -1,36 +1,126 @@
+/* General styles */
+.root {
+    -fx-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    -fx-font-size: 14px;
+    -fx-background-color: #f4f4f4;
+}
+
+/* Button styles */
+.button {
+    -fx-background-color: #0078d7;
+    -fx-text-fill: white;
+    -fx-padding: 10px 20px;
+    -fx-border-radius: 5px;
+    -fx-background-radius: 5px;
+}
+
+.button:hover {
+    -fx-background-color: #005a9e;
+}
+
+.button:focused {
+    -fx-background-color: #005a9e;
+    -fx-border-color: #003f6b;
+    -fx-border-width: 1px;
+}
+
+/* TextField styles */
+.text-field {
+    -fx-background-color: white;
+    -fx-border-color: #c4c4c4;
+    -fx-border-radius: 5px;
+    -fx-background-radius: 5px;
+    -fx-padding: 10px;
+}
+
+.text-field:focused {
+    -fx-border-color: #0078d7;
+}
+
+/* Label styles */
+.label {
+    -fx-text-fill: #333333;
+    -fx-padding: 5px 0;
+}
+
+/* TextArea styles */
+.text-area {
+    -fx-background-color: white;
+    -fx-border-color: #c4c4c4;
+    -fx-border-radius: 5px;
+    -fx-background-radius: 5px;
+    -fx-padding: 10px;
+}
+
+.text-area:focused {
+    -fx-border-color: #0078d7;
+}
+
+/* Table styles */
+.table-view {
+    -fx-background-color: white;
+    -fx-border-color: #c4c4c4;
+    -fx-border-radius: 5px;
+    -fx-background-radius: 5px;
+}
 
-.help-text-area{
-    -fx-control-inner-background:#eaeaea;
+.table-view .column-header-background {
+    -fx-background-color: #0078d7;
 }
 
-.console-text-area{
-    -fx-control-inner-background:#282828;
+.table-view .column-header, .table-view .filler {
+    -fx-border-color: transparent;
+}
+
+.table-view .column-header .label {
+    -fx-text-fill: white;
+}
+
+/* ScrollPane styles */
+.scroll-pane {
+    -fx-background-color: transparent;
+}
+
+.scroll-pane .viewport {
+    -fx-background-color: white;
+}
+
+/* Tooltip styles */
+.tooltip {
+    -fx-background-color: #333333;
+    -fx-text-fill: white;
+    -fx-padding: 10px;
+    -fx-border-radius: 5px;
+    -fx-background-radius: 5px;
+}
+
+/* Error styles */
+.error, .check-box-error .box {
+    -fx-focus-color: #d35244;
+    -fx-faint-focus-color: #d3524422;
+    -fx-highlight-fill: -fx-accent;
+    -fx-highlight-text-fill: white;
+    -fx-background-color: -fx-focus-color, -fx-control-inner-background, -fx-faint-focus-color, linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
+    -fx-background-insets: -0.2, 1, -1.4, 3;
+    -fx-background-radius: 3, 2, 4, 0;
+    -fx-prompt-text-fill: transparent;
+}
+
+/* Custom styles */
+.help-text-area {
+    -fx-control-inner-background: #eaeaea;
+}
+
+.console-text-area {
+    -fx-control-inner-background: #282828;
+    -fx-text-fill: #ffffff;
     -fx-highlight-fill: #ffffff;
     -fx-highlight-text-fill: #000000;
-    -fx-text-fill: #ffffff;
 }
 
 .bordered-box {
-    -fx-border-color: #C4C4C4;
+    -fx-border-color: #c4c4c4;
     -fx-border-width: 1px;
     -fx-border-style: solid;
     -fx-border-radius: 8px;
- }
-
-.error, .check-box-error .box {
-  -fx-focus-color: #d35244;
-  -fx-faint-focus-color: #d3524422;
-
-  -fx-highlight-fill: -fx-accent;
-  -fx-highlight-text-fill: white;
-  -fx-background-color:
-      -fx-focus-color,
-      -fx-control-inner-background,
-      -fx-faint-focus-color,
-      linear-gradient(from 0px 0px to 0px 5px,
-        derive(-fx-control-inner-background, -9%),
-        -fx-control-inner-background);
-  -fx-background-insets: -0.2, 1, -1.4, 3;
-  -fx-background-radius: 3, 2, 4, 0;
-  -fx-prompt-text-fill: transparent;
 }