730 lines
16 KiB
CSS
730 lines
16 KiB
CSS
![]() |
/*
|
||
|
*
|
||
|
* Author: Antonio Pelusi
|
||
|
* Website: https://www.antoniopelusi.com
|
||
|
* Source code: https://github.com/antoniopelusi/JavaFX-Dark-Theme
|
||
|
*
|
||
|
*/
|
||
|
|
||
|
.root{
|
||
|
-fx-background-color: #2D2D30;
|
||
|
background-color: #2D2D30;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Label */
|
||
|
.label{
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Pane */
|
||
|
.pane-grid{
|
||
|
-fx-background-color: #2D2D30;
|
||
|
background-color: #2D2D30;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* GridPane */
|
||
|
.tab-pane-grid{
|
||
|
/*
|
||
|
* GridPane gridPane = new GridPane();
|
||
|
* gridPane.getStyleClass().add("tab-pane-grid");
|
||
|
* gridPane.setPadding(new Insets(3,0,0,0));
|
||
|
*/
|
||
|
-fx-background-color: #2D2D30;
|
||
|
background-color: #2D2D30;
|
||
|
-fx-background-insets: 3 0 0 0;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* TextField */
|
||
|
.text-field{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-highlight-fill: #4e4e4e;
|
||
|
}
|
||
|
.text-field:hover{
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
}
|
||
|
.text-field:focused{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* ComboBox */
|
||
|
.combo-box{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-insets: 0 0 -1 0;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-min-height: 25;
|
||
|
min-height: 25;
|
||
|
-fx-pref-height: 25;
|
||
|
}
|
||
|
.combo-box .list-cell:selected{
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.combo-box .list-cell:hover{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
}
|
||
|
.combo-box:hover{
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.combo-box:focused{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.combo-box-base > .arrow-button {
|
||
|
-fx-padding: 0 6;
|
||
|
padding: 0 6;
|
||
|
}
|
||
|
.combo-box-base > .arrow-button > .arrow {
|
||
|
-fx-background-color: #555555;
|
||
|
background-color: #555555;
|
||
|
-fx-background-insets: 0;
|
||
|
-fx-padding: 2 4;
|
||
|
padding: 2 4;
|
||
|
-fx-shape: "M 0 0 H 7 L 3.5 4 z";
|
||
|
}
|
||
|
.combo-box .list-view{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-padding: 1;
|
||
|
padding: 1;
|
||
|
}
|
||
|
|
||
|
/* ChoiceBox */
|
||
|
.choice-box{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-insets: 0 0 -1 0;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-min-height: 25;
|
||
|
min-height: 25;
|
||
|
-fx-pref-height: 25;
|
||
|
}
|
||
|
.choice-box:hover{
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.choice-box:focused{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
|
||
|
/* ListCell */
|
||
|
.list-cell{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-min-height: 18;
|
||
|
min-height: 18;
|
||
|
-fx-pref-height: 18;
|
||
|
-fx-padding: 0 0 0 3;
|
||
|
padding: 0 0 0 3;
|
||
|
}
|
||
|
.list-cell:hover{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.list-cell:pressed{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
}
|
||
|
.list-cell:selected{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* ListView */
|
||
|
.list-view{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-padding: 1;
|
||
|
padding: 1;
|
||
|
}
|
||
|
.list-view .scroll-bar{
|
||
|
-fx-background-insets: 0 -1 0 0;
|
||
|
}
|
||
|
.list-view .scroll-bar .thumb{
|
||
|
-fx-background-insets: 0 3 0 2;
|
||
|
}
|
||
|
.list-view:hover{
|
||
|
-fx-border-color: #3E3E40;
|
||
|
border-color: #3E3E40;
|
||
|
-fx-padding: 0;
|
||
|
padding: 0;
|
||
|
-fx-background-insets: 1 1 0 1;
|
||
|
}
|
||
|
.list-view:focused{
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-padding: 0 0 1 0;
|
||
|
padding: 0 0 1 0;
|
||
|
-fx-background-insets: 1;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Button */
|
||
|
.button{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-insets: 0 0 -1 0;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
}
|
||
|
.button:focused{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.button:hover{
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.button:pressed{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* CheckBox */
|
||
|
.check-box{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-insets: 0 0 0 -1;
|
||
|
-fx-background-color: transparent;
|
||
|
background-color: transparent;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-min-height: 25;
|
||
|
min-height: 25;
|
||
|
-fx-pref-height: 25;
|
||
|
}
|
||
|
.check-box > .box{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-insets: 0 0 -1 0;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.check-box:focused > .box{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
}
|
||
|
.check-box:hover > .box{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-background-insets: 0 0 1 0;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.check-box > .box > .mark{
|
||
|
-fx-background-color: transparent;
|
||
|
background-color: transparent;
|
||
|
-fx-shape: "M 9.97498 1.22334L 4.6983 9.09834 L 4.52164 9.09834 L 0 5.19331 L 1.27664 3.52165 L 4.255 6.08833 L 8.33331 1.52588e-005 L 9.97498 1.22334 Z " ;
|
||
|
}
|
||
|
.check-box:selected > .box > .mark{
|
||
|
-fx-background-color: #AFB1B3;
|
||
|
background-color: #AFB1B3;
|
||
|
}
|
||
|
.check-box:pressed > .box > .mark{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* TextArea */
|
||
|
.text-area{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-highlight-fill: #4e4e4e;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.text-area:hover{
|
||
|
-fx-border-color: #3E3E40;
|
||
|
border-color: #3E3E40;
|
||
|
}
|
||
|
.text-area:focused{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.text-area .content{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.text-area .scroll-bar{
|
||
|
-fx-background-insets: 0 -0.5 0.5 0;
|
||
|
}
|
||
|
.text-area .scroll-bar .thumb{
|
||
|
-fx-background-insets: 0 2 0 2;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* ScrollBar */
|
||
|
.scroll-bar{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #2A2A2C;
|
||
|
background-color: #2A2A2C;
|
||
|
}
|
||
|
.scroll-bar:vertical{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #2A2A2C;
|
||
|
background-color: #2A2A2C;
|
||
|
}
|
||
|
.scroll-bar > .decrement-button{
|
||
|
-fx-background-color: #2A2A2C;
|
||
|
background-color: #2A2A2C;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.scroll-bar .decrement-button,
|
||
|
.scroll-bar .increment-button{
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-background-radius: 0;
|
||
|
}
|
||
|
.scroll-bar .decrement-button:hover,
|
||
|
.scroll-bar .increment-button:hover{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
}
|
||
|
.scroll-bar:vertical .increment-arrow,
|
||
|
.scroll-bar:vertical .decrement-arrow,
|
||
|
.scroll-bar:horizontal .increment-arrow,
|
||
|
.scroll-bar:horizontal .decrement-arrow{
|
||
|
-fx-shape : " ";
|
||
|
}
|
||
|
.scroll-bar:horizontal .thumb,
|
||
|
.scroll-bar:vertical .thumb {
|
||
|
-fx-background-color: #3D3D3D;
|
||
|
background-color: #3D3D3D;
|
||
|
-fx-background-radius : 0;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Menu */
|
||
|
.menu-bar {
|
||
|
-fx-background-color: #2D2D30;
|
||
|
background-color: #2D2D30;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
}
|
||
|
.menu-bar .menu-button{
|
||
|
-fx-background: #4e4e4e;
|
||
|
background: #4e4e4e;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-min-height: 20;
|
||
|
min-height: 20;
|
||
|
-fx-pref-height: 20;
|
||
|
-fx-padding: 0 5 0 5;
|
||
|
padding: 0 5 0 5;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.menu-item{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.menu-item:hover {
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.menu-item:pressed {
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.context-menu {
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-padding: 0 0 -1 0;
|
||
|
padding: 0 0 -1 0;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* ProgressBar */
|
||
|
.progress-bar{
|
||
|
-fx-background-color: transparent;
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.progress-bar .bar{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-padding: 3;
|
||
|
padding: 3;
|
||
|
-fx-background-insets: 0;
|
||
|
}
|
||
|
.progress-bar .track {
|
||
|
-fx-background-color: transparent;
|
||
|
background-color: transparent;
|
||
|
-fx-background-radius: 0;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Slider */
|
||
|
.slider{
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
}
|
||
|
.slider .track{
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-insets: 2 -2 1 0;
|
||
|
}
|
||
|
.slider .thumb{
|
||
|
-fx-background-color: #B1B1B1;
|
||
|
background-color: #B1B1B1;
|
||
|
-fx-background-radius: 6;
|
||
|
-fx-background-insets: 1 0 1 2;
|
||
|
-fx-border-radius: 6;
|
||
|
border-radius: 6;
|
||
|
-fx-border-insets: 1 0 1 2;
|
||
|
-fx-pref-width: 12;
|
||
|
-fx-pref-height: 12;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.slider:focused .thumb{
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
}
|
||
|
.slider .thumb:hover{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
}
|
||
|
.slider .thumb:pressed{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* TreeView */
|
||
|
.tree-view .scroll-bar{
|
||
|
-fx-background-insets: 0 -1 0 0;
|
||
|
}
|
||
|
.tree-view .scroll-bar .thumb{
|
||
|
-fx-background-insets: 0 3 0 2;
|
||
|
}
|
||
|
.tree-view {
|
||
|
-fx-background-insets: 2;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-padding: 0 0 1 0;
|
||
|
padding: 0 0 1 0;
|
||
|
}
|
||
|
.tree-view:hover{
|
||
|
-fx-border-color: #3E3E40;
|
||
|
border-color: #3E3E40;
|
||
|
}
|
||
|
.tree-view:focused {
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
}
|
||
|
.tree-cell{
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-pref-width: 20;
|
||
|
-fx-pref-height: 20;
|
||
|
-fx-padding: 1;
|
||
|
padding: 1;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.tree-cell:hover{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
}
|
||
|
.tree-cell:selected{
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
}
|
||
|
.tree-cell:pressed{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
}
|
||
|
.tree-cell > .tree-disclosure-node > .arrow
|
||
|
{
|
||
|
-fx-background-color: #555555;
|
||
|
background-color: #555555;
|
||
|
}
|
||
|
.tree-cell:hover > .tree-disclosure-node > .arrow
|
||
|
{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Tab */
|
||
|
.tab-pane{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-color: transparent;
|
||
|
border-color: transparent;
|
||
|
-fx-background-insets: 25.5 0 0 0;
|
||
|
}
|
||
|
.tab{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-min-height: 20;
|
||
|
min-height: 20;
|
||
|
-fx-pref-height: 20;
|
||
|
}
|
||
|
.tab:selected{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
}
|
||
|
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
|
||
|
-fx-border-color: transparent;
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
.tab .tab-close-button {
|
||
|
-fx-shape: "M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z";
|
||
|
-fx-background-color: #AFB1B3;
|
||
|
background-color: #AFB1B3;
|
||
|
-fx-background-insets: 2;
|
||
|
-fx-margin: 0 0 -5 2;
|
||
|
margin: 0 0 -5 2;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.tab .tab-label {
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
}
|
||
|
.tab-pane .tab-header-area .tab-header-background {
|
||
|
-fx-opacity: 0.0;
|
||
|
opacity: 0.0;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* TitledPane */
|
||
|
.titled-pane{
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-label-padding: 0 0 -7 0;
|
||
|
-fx-background-color: transparent;
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.titled-pane .title{
|
||
|
-fx-background-color: #3E3E42;
|
||
|
background-color: #3E3E42;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-width: 0;
|
||
|
border-width: 0;
|
||
|
-fx-pref-height: 14;
|
||
|
}
|
||
|
.titled-pane .content{
|
||
|
-fx-background-color: #2D2D30;
|
||
|
background-color: #2D2D30;
|
||
|
-fx-border-color: #3E3E42;
|
||
|
border-color: #3E3E42;
|
||
|
-fx-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
-fx-border-width: 3 2 2 2;
|
||
|
border-width: 3 2 2 2;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* TableView */
|
||
|
.table-view{
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-table-cell-border-color: #222222;
|
||
|
}
|
||
|
.table-view:focused{
|
||
|
-fx-border-width: 1;
|
||
|
border-width: 1;
|
||
|
-fx-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
-fx-border-color: #4e4e4e;
|
||
|
border-color: #4e4e4e;
|
||
|
-fx-background-insets: 1;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
}
|
||
|
.table-view .column-header-background{
|
||
|
-fx-border-width: 0 0 1 0;
|
||
|
border-width: 0 0 1 0;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
}
|
||
|
.table-view .column-header {
|
||
|
-fx-background-color: transparent;
|
||
|
background-color: transparent;
|
||
|
-fx-border-color: #222222;
|
||
|
border-color: #222222;
|
||
|
}
|
||
|
.table-view .column-resize-line {
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
-fx-pref-width: 1;
|
||
|
}
|
||
|
.table-row-cell{
|
||
|
-fx-background-color: #1A1A1A;
|
||
|
background-color: #1A1A1A;
|
||
|
-fx-text-background-color: #AFB1B3;
|
||
|
-fx-margin: 1;
|
||
|
margin: 1;
|
||
|
}
|
||
|
.table-row-cell:hover {
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-background-insets: 0;
|
||
|
-fx-background-radius: 0;
|
||
|
}
|
||
|
.table-row-cell:selected {
|
||
|
-fx-table-cell-border-color: #222222;
|
||
|
-fx-background-color: #3E3E40;
|
||
|
background-color: #3E3E40;
|
||
|
-fx-background-insets: 0;
|
||
|
-fx-background-radius: 0;
|
||
|
}
|
||
|
.table-row-cell:pressed {
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
-fx-background-insets: 0;
|
||
|
-fx-background-radius: 0;
|
||
|
}
|
||
|
.table-view .column-header .label {
|
||
|
-fx-alignment: center-left;
|
||
|
-fx-cursor: HAND;
|
||
|
cursor: HAND;
|
||
|
}
|
||
|
.table-view .filler {
|
||
|
-fx-background-color: transparent;
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.table-view .column-drag-header{
|
||
|
-fx-background-color: #4e4e4e;
|
||
|
background-color: #4e4e4e;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Tooltip */
|
||
|
.tooltip{
|
||
|
-fx-background-radius: 0;
|
||
|
-fx-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
-fx-text-fill: #AFB1B3;
|
||
|
-fx-padding: 5;
|
||
|
padding: 5;
|
||
|
}
|