340 lines
7.6 KiB
CSS
340 lines
7.6 KiB
CSS
|
|
/**
|
|
* JavaFX CSS Brume, light grey/white theme.
|
|
*/
|
|
.root {
|
|
-fx-background-color: derive(#1d1d1d,20%);
|
|
}
|
|
|
|
|
|
.titled-pane {
|
|
-fx-effect: dropshadow(three-pass-box, #9F9F9F, 15, 0, 0, 0);
|
|
-fx-animated: true;
|
|
-fx-text-fill: #505050;
|
|
}
|
|
|
|
.titled-pane .title {
|
|
-fx-background-radius: 0, 0, 0;
|
|
-fx-font: bold 14px System;
|
|
-fx-padding: 0.3em 0.833333em 0.35em 0.833333em;
|
|
|
|
/* stop the background from being blue on focus */
|
|
-fx-background-color: ladder(
|
|
red,
|
|
black 20%,
|
|
derive(#d0d0d0,-30%) 30%
|
|
),
|
|
linear-gradient(
|
|
to bottom,
|
|
ladder(#d0d0d0,
|
|
derive(#d0d0d0,80%) 60%,
|
|
white 82%) 0%,
|
|
ladder(#d0d0d0,
|
|
derive(#d0d0d0,20%) 10%,
|
|
derive(#d0d0d0,-10%) 80%) 100%
|
|
), linear-gradient(
|
|
to bottom,
|
|
derive(#d0d0d0,34%) 0%,
|
|
derive(#d0d0d0,-18%) 100%
|
|
);
|
|
}
|
|
|
|
.titled-pane:focused > .title > .arrow-button .arrow {
|
|
/* do not highlight the title pane arrow on focus */
|
|
-fx-background-color: #606060;
|
|
}
|
|
|
|
.tree-cell:odd {
|
|
/* shade every other line in a tree view */
|
|
-fx-background-color: derive(-fx-control-inner-background,-5%);
|
|
}
|
|
|
|
/* the previous css to shade every other cell overrides the selection
|
|
colour, so put it back for odd cells */
|
|
.tree-view:focused .tree-cell:filled:focused:selected:odd{
|
|
-fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
|
|
}
|
|
|
|
/* if you have labels within your tree nodes, then make the text light so
|
|
that it stands out from the selection colour. */
|
|
.tree-view:focused .tree-cell:filled:focused:selected:odd .label {
|
|
-fx-text-fill: -fx-light-text-color;
|
|
}
|
|
.tree-view:focused .tree-cell:filled:focused:selected:even .label {
|
|
-fx-text-fill: -fx-light-text-color;
|
|
}
|
|
|
|
.button {
|
|
/* buttons do not have rounded corners */
|
|
-fx-background-radius: 0;
|
|
-fx-label-padding: 0.3em 0.833333em 0.35em 0.833333em;
|
|
}
|
|
|
|
.menu-button {
|
|
/* the left side of the menu button is not rounded */
|
|
}
|
|
|
|
.menu-button .label {
|
|
-fx-label-padding: 0.23em 0.2em 0.24em 0.2em;
|
|
}
|
|
|
|
.combo-box-base {
|
|
/* the left side of the combo box is not rounded */
|
|
-fx-background-radius: 0 5 5 0, 0 5 5 0, 0 4 4 0, 0 3 3 0;
|
|
}
|
|
|
|
.combo-box .list-cell {
|
|
/* -fx-padding: 6 6 6 6; */
|
|
}
|
|
|
|
/* make the tooltip a slightly transparent black rectange with white text */
|
|
.tooltip {
|
|
-fx-background-color: black;
|
|
-fx-opacity: 0.6;
|
|
-fx-background-insets: 0,1,2;
|
|
-fx-background-radius: 0;
|
|
-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
|
|
-fx-wrap-text:false;
|
|
}
|
|
.tooltip .label {
|
|
-fx-text-fill: white;
|
|
}
|
|
/* remove the turned page effect */
|
|
.page-corner {
|
|
-fx-padding: 0;
|
|
-fx-background-color: null;
|
|
-fx-shape: null;
|
|
-fx-effect: null;
|
|
}
|
|
|
|
.toggle-button {
|
|
-fx-background-radius: 0;
|
|
-fx-label-padding: 0.3em 0.833333em 0.35em 0.833333em;
|
|
}
|
|
.check-box {
|
|
-fx-background-radius: 0;
|
|
}
|
|
|
|
.choice-box {
|
|
/* TODO add padding */
|
|
-fx-background-radius: 0;
|
|
}
|
|
/* Dark */
|
|
.background {
|
|
-fx-background-color: derive(#1d1d1d,20%);
|
|
}
|
|
|
|
.label {
|
|
-fx-font-size: 11pt;
|
|
-fx-font-family: "Segoe UI Semibold";
|
|
-fx-text-fill: white;
|
|
-fx-opacity: 0.6;
|
|
}
|
|
|
|
.label-bright {
|
|
-fx-font-size: 11pt;
|
|
-fx-font-family: "Segoe UI Semibold";
|
|
-fx-text-fill: white;
|
|
-fx-opacity: 1;
|
|
}
|
|
|
|
.label-header {
|
|
-fx-font-size: 32pt;
|
|
-fx-font-family: "Segoe UI Light";
|
|
-fx-text-fill: white;
|
|
-fx-opacity: 1;
|
|
}
|
|
|
|
.table-view {
|
|
-fx-base: #1d1d1d;
|
|
-fx-control-inner-background: #1d1d1d;
|
|
-fx-background-color: #1d1d1d;
|
|
-fx-table-cell-border-color: transparent;
|
|
-fx-table-header-border-color: transparent;
|
|
-fx-padding: 5;
|
|
}
|
|
|
|
.table-view .column-header-background {
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.table-view .column-header, .table-view .filler {
|
|
-fx-size: 35;
|
|
-fx-border-width: 0 0 1 0;
|
|
-fx-background-color: transparent;
|
|
-fx-border-color:
|
|
transparent
|
|
transparent
|
|
derive(-fx-base, 80%)
|
|
transparent;
|
|
-fx-border-insets: 0 10 1 0;
|
|
}
|
|
|
|
.table-view .column-header .label {
|
|
-fx-font-size: 20pt;
|
|
-fx-font-family: "Segoe UI Light";
|
|
-fx-text-fill: white;
|
|
-fx-alignment: center-left;
|
|
-fx-opacity: 1;
|
|
}
|
|
|
|
.table-view:focused .table-row-cell:filled:focused:selected {
|
|
-fx-background-color: -fx-focus-color;
|
|
}
|
|
|
|
.split-pane:horizontal > .split-pane-divider {
|
|
-fx-border-color: transparent #1d1d1d transparent #1d1d1d;
|
|
-fx-background-color: transparent, derive(#1d1d1d,20%);
|
|
}
|
|
|
|
.split-pane {
|
|
-fx-padding: 1 0 0 0;
|
|
}
|
|
|
|
.menu-bar {
|
|
-fx-background-color: derive(#1d1d1d,20%);
|
|
}
|
|
|
|
.context-menu {
|
|
-fx-background-color: derive(#1d1d1d,50%);
|
|
}
|
|
|
|
.menu-bar .label {
|
|
-fx-font-size: 14pt;
|
|
-fx-font-family: "Segoe UI Light";
|
|
-fx-text-fill: white;
|
|
-fx-opacity: 0.9;
|
|
}
|
|
|
|
.menu .left-container {
|
|
-fx-background-color: black;
|
|
}
|
|
|
|
.text-field {
|
|
-fx-font-size: 12pt;
|
|
-fx-font-family: "Segoe UI Semibold";
|
|
}
|
|
|
|
|
|
/*
|
|
* Metro style Push Button
|
|
* Author: Pedro Duque Vieira
|
|
* http://pixelduke.wordpress.com/2012/10/23/jmetro-windows-8-controls-on-java/
|
|
*/
|
|
.button {
|
|
-fx-padding: 5 22 5 22;
|
|
-fx-border-color: #e2e2e2;
|
|
-fx-border-width: 2;
|
|
-fx-background-radius: 0;
|
|
-fx-background-color: #1d1d1d;
|
|
-fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
|
|
-fx-font-size: 11pt;
|
|
-fx-text-fill: #d8d8d8;
|
|
-fx-background-insets: 0 0 0 0, 0, 1, 2;
|
|
}
|
|
|
|
.button:hover {
|
|
-fx-background-color: #3a3a3a;
|
|
}
|
|
|
|
.button:pressed, .button:default:hover:pressed {
|
|
-fx-background-color: white;
|
|
-fx-text-fill: #1d1d1d;
|
|
}
|
|
|
|
.button:focused {
|
|
-fx-border-color: white, white;
|
|
-fx-border-width: 1, 1;
|
|
-fx-border-style: solid, segments(1, 1);
|
|
-fx-border-radius: 0, 0;
|
|
-fx-border-insets: 1 1 1 1, 0;
|
|
}
|
|
|
|
.button:disabled, .button:default:disabled {
|
|
-fx-opacity: 0.4;
|
|
-fx-background-color: #1d1d1d;
|
|
-fx-text-fill: white;
|
|
}
|
|
|
|
.button:default {
|
|
-fx-background-color: -fx-focus-color;
|
|
-fx-text-fill: #ffffff;
|
|
}
|
|
|
|
.button:default:hover {
|
|
-fx-background-color: derive(-fx-focus-color,30%);
|
|
}
|
|
/* Console */
|
|
.text-area {
|
|
-fx-font-family: Consolas;
|
|
-fx-font-size: 15;
|
|
-fx-text-fill: #63f542;
|
|
-fx-display-caret:true;
|
|
}
|
|
|
|
.text-area .content {
|
|
-fx-background-color: #000000;
|
|
}
|
|
|
|
/* tabs */
|
|
.tab-pane:top *.tab-header-area {
|
|
-fx-background-insets: 0, 0 0 1 0;
|
|
/* -fx-padding: 0.416667em 0.166667em 0.0em 0.833em; /* 5 2 0 10 */
|
|
-fx-padding: 0.416667em 0.166667em 0.0em 0.0em; /* overridden as 5 2 0 0 */
|
|
}
|
|
|
|
.tab-pane .tab-header-area .tab-header-background {
|
|
-fx-opacity: 0;
|
|
}
|
|
|
|
.tab-pane {
|
|
-fx-tab-min-width:120px;
|
|
-fx-tab-min-height:50px;
|
|
-fx-tab-max-height:50px;
|
|
}
|
|
|
|
.tab-pane .tab {
|
|
-fx-background-color: derive(#1d1d1d,20%);
|
|
-fx-background-insets: 0 1 0 1,0,0;
|
|
-fx-label-padding: 0.25em 0.25em 0.25em 0.25em;
|
|
}
|
|
|
|
.tab .tab-label {
|
|
-fx-font-size: 14pt;
|
|
-fx-font-family: "Segoe UI Light";
|
|
-fx-text-fill: white;
|
|
-fx-opacity: 0.9;
|
|
-fx-display-caret:true;
|
|
}
|
|
|
|
.tab-pane .tab:selected {
|
|
-fx-background-color: -fx-focus-color;
|
|
}
|
|
|
|
.algoPane {
|
|
-fx-background-color: white;
|
|
}
|
|
|
|
.algoPane .label {
|
|
-fx-text-fill: black;
|
|
-fx-font-size: 16pt;
|
|
-fx-font-family: "Segoe UI Light";
|
|
-fx-opacity: 0.9;
|
|
}
|
|
|
|
.default-color0.chart-series-line { -fx-stroke: transparent; }
|
|
.default-color1.chart-series-line { -fx-stroke: red; }
|
|
|
|
.default-color0.chart-line-symbol {
|
|
-fx-background-color: white, green;
|
|
}
|
|
.default-color1.chart-line-symbol {
|
|
-fx-background-color: transparent, transparent;
|
|
}
|
|
|
|
.default-color0.chart-legend-item-symbol{
|
|
-fx-background-color: green;
|
|
}
|
|
.default-color1.chart-legend-item-symbol{
|
|
-fx-background-color: red;
|
|
} |