fjc40
e4999a3c93
nightMode.css loads this instead of the regular dark arrow. ResizableRaceCanvas doesn't cache the race boundary background, as it was unneccessary and stopped the canvas from being transparent. #story[1093]
60 lines
1.8 KiB
CSS
60 lines
1.8 KiB
CSS
.root {
|
|
-fx-base: rgb(20, 20, 20);
|
|
-fx-background: rgb(50, 50, 50);
|
|
|
|
/* make controls (buttons, thumb, etc.) slightly lighter */
|
|
-fx-color: derive(-fx-base, 10%);
|
|
|
|
/* text fields and table rows background */
|
|
-fx-control-inner-background: rgb(50, 50, 50);
|
|
/* version of -fx-control-inner-background for alternative rows */
|
|
-fx-control-inner-background-alt: derive(-fx-control-inner-background, 2.5%);
|
|
|
|
/* text colors depending on background's brightness */
|
|
-fx-light-text-color: rgb(220, 220, 220);
|
|
-fx-mid-text-color: rgb(100, 100, 100);
|
|
-fx-dark-text-color: rgb(20, 20, 20);
|
|
|
|
/*highlighting/accenting objects. */
|
|
-fx-accent: rgb(128, 128, 128);
|
|
|
|
/* color of non-focused yet selected elements */
|
|
-fx-selection-bar-non-focused: rgb(100, 100, 100);
|
|
|
|
/*Focus colour*/
|
|
-fx-focus-color: rgb(100, 100, 100);
|
|
}
|
|
|
|
/* Fix derived prompt color for text fields */
|
|
.text-input {
|
|
-fx-prompt-text-fill: derive(-fx-control-inner-background, +0%);
|
|
-fx-background-color: #a9a9a9 , grey, grey;
|
|
|
|
}
|
|
|
|
/* Keep prompt invisible when focused (above color fix overrides it) */
|
|
.text-input:focused {
|
|
-fx-prompt-text-fill: transparent;
|
|
}
|
|
|
|
/* Fix scroll bar buttons arrows colors */
|
|
.scroll-bar > .increment-button > .increment-arrow,
|
|
.scroll-bar > .decrement-button > .decrement-arrow {
|
|
-fx-background-color: -fx-mark-highlight-color, rgb(255, 255, 255);
|
|
}
|
|
|
|
.scroll-bar > .increment-button:hover > .increment-arrow,
|
|
.scroll-bar > .decrement-button:hover > .decrement-arrow {
|
|
-fx-background-color: -fx-mark-highlight-color, rgb(255, 255, 255);
|
|
}
|
|
|
|
.scroll-bar > .increment-button:pressed > .increment-arrow,
|
|
.scroll-bar > .decrement-button:pressed > .decrement-arrow {
|
|
-fx-background-color: -fx-mark-highlight-color, rgb(255, 255, 255);
|
|
}
|
|
|
|
|
|
#arrowImage {
|
|
-fx-image: url("/visualiser/images/arrowLight.png");
|
|
}
|