style.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;
    -fx-min-height: 25;
    min-height: 25;
    -fx-pref-height: 25;
}
.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;
    -fx-min-height: 25;
    min-height: 25;
    -fx-pref-height: 25;
}
.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;
}