|
|
@@ -4,47 +4,89 @@
|
|
|
}
|
|
|
|
|
|
.root {
|
|
|
- -fx-background-color: #2e2e2e;
|
|
|
+ -fx-background-color: #000000;
|
|
|
-fx-font-family: "Iosevka Slab", serif;
|
|
|
- -fx-font-size: 1.6em;
|
|
|
+ -fx-font-size: 1.7em;
|
|
|
+ -fx-focus-color: #aaaaaa;
|
|
|
+}
|
|
|
+
|
|
|
+.vbox,
|
|
|
+.grid-pane,
|
|
|
+.text-flow {
|
|
|
+ -fx-background-color: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.text,
|
|
|
+.label {
|
|
|
+ -fx-fill: #e0e0e0;
|
|
|
+ -fx-text-fill: #e0e0e0;
|
|
|
}
|
|
|
|
|
|
.scroll-pane {
|
|
|
- -fx-background-color: #2e2e2e;
|
|
|
+ -fx-background-color: #000000;
|
|
|
+ -fx-background-radius: 0;
|
|
|
+ -fx-border-width: 0;
|
|
|
}
|
|
|
|
|
|
.scroll-pane > .viewport {
|
|
|
- -fx-background-color: #2e2e2e;
|
|
|
+ -fx-background-color: #000000;
|
|
|
}
|
|
|
|
|
|
-.text-flow {
|
|
|
- -fx-background-color: #2e2e2e;
|
|
|
+.button {
|
|
|
+ -fx-background-color: #222222;
|
|
|
+ -fx-text-fill: #e0e0e0;
|
|
|
+ -fx-border-color: #555555;
|
|
|
+ -fx-border-width: 1px;
|
|
|
+ -fx-background-radius: 0;
|
|
|
+ -fx-border-radius: 0;
|
|
|
+ -fx-padding: 6px 12px;
|
|
|
}
|
|
|
|
|
|
-.text, .label {
|
|
|
- -fx-fill: #cccccc;
|
|
|
- -fx-text-fill: #cccccc;
|
|
|
+.button:hover {
|
|
|
+ -fx-background-color: #333333;
|
|
|
+ -fx-border-color: #777777;
|
|
|
+ -fx-text-fill: #ffffff;
|
|
|
}
|
|
|
|
|
|
-.label, .text {
|
|
|
- -fx-fill: #cccccc;
|
|
|
- -fx-text-fill: #cccccc;
|
|
|
+.button:focused {
|
|
|
+ -fx-border-color: #e0e0e0;
|
|
|
+ -fx-border-width: 1px;
|
|
|
}
|
|
|
|
|
|
-.vbox, .grid-pane, .scroll-pane {
|
|
|
- -fx-background-color: #2e2e2e;
|
|
|
+.button:pressed {
|
|
|
+ -fx-background-color: #111111;
|
|
|
}
|
|
|
|
|
|
-.button {
|
|
|
- -fx-background-color: #555555;
|
|
|
- -fx-text-fill: white;
|
|
|
- -fx-border-color: #444444;
|
|
|
+.scroll-bar {
|
|
|
+ -fx-background-color: #000000;
|
|
|
}
|
|
|
|
|
|
-.button:hover {
|
|
|
- -fx-background-color: #666666;
|
|
|
+.scroll-bar .increment-button,
|
|
|
+.scroll-bar .decrement-button {
|
|
|
+ -fx-background-color: #000000;
|
|
|
+ -fx-background-radius: 0;
|
|
|
+ -fx-padding: 0;
|
|
|
}
|
|
|
|
|
|
-.button:focused {
|
|
|
- -fx-border-color: #007bff;
|
|
|
+.scroll-bar .increment-arrow,
|
|
|
+.scroll-bar .decrement-arrow {
|
|
|
+ -fx-shape: "";
|
|
|
+ -fx-padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.scroll-bar:vertical .track,
|
|
|
+.scroll-bar:horizontal .track {
|
|
|
+ -fx-background-color: #000000;
|
|
|
+ -fx-border-color: #000000;
|
|
|
+ -fx-background-radius: 0;
|
|
|
+ -fx-border-radius: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.scroll-bar .thumb {
|
|
|
+ -fx-background-color: #333333;
|
|
|
+ -fx-background-radius: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.scroll-bar .thumb:hover {
|
|
|
+ -fx-background-color: #555555;
|
|
|
}
|