logiledus/src/main/resources/light.css

.root{
    -fx-background: #ebebeb;
}
/* -======================== Buttons =====================- */
.button SVGPath{
    -fx-fill: #141414;
}
.button, .toggle-button, .menu-button {
    -fx-background-color: #fefefe;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-background-radius: 2;
    -fx-border-color: #bebebe; /* #d7fecf; */
    -fx-border-radius: 2;
    -fx-border-width: 2;
    -fx-text-fill: #2c2c2c;
    //-fx-effect: dropshadow(three-pass-box, #dadada, 2, 0, 0, 0);
}
.menu-button:hover, .button:hover, .choice-box:hover, .menu-button:focused:hover, .button:focused:hover, .choice-box:focused:hover, .toggle-button:hover, .toggle-button:focused:hover{
    -fx-background-color: #fefefe;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-background-radius: 2;
    -fx-border-color: #009bca;
    -fx-border-radius: 2;
    -fx-border-width: 2;
    -fx-text-fill: #2c2c2c;
    //-fx-effect: dropshadow(three-pass-box, #009bca, 2, 0, 0, 0);
}
.menu-button:focused, .button:focused, .choice-box:focused, .toggle-button:focused{
    -fx-background-color: #dadada;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-background-radius: 2;
    -fx-border-color: #8f8f8f;
    -fx-border-radius: 2;
    -fx-border-width: 2;
    -fx-text-fill: #2c2c2c;
    //-fx-effect: dropshadow(three-pass-box, #dadada, 2, 0, 0, 0);
}

.menu-button:pressed, .button:pressed, .menu-button:pressed:hover, .button:pressed:hover, .toggle-button:pressed, .toggle-button:pressed:hover{
    -fx-background-color: #fefefe;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-background-radius: 2;
    -fx-border-color: #e82382;
    -fx-border-radius: 2;
    -fx-border-width: 2;
    -fx-text-fill: #2c2c2c;
    //-fx-effect: dropshadow(three-pass-box, #e82382, 2, 0, 0, 0);
}
/* -======================== Buttons keys =====================- */
.toggle-button:selected, .toggle-button:selected:hover{
    -fx-background-color: #e1feeb;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-background-radius: 8;
    -fx-border-color: #ccfed1;
    -fx-border-radius: 8;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #dadada, 2, 0, 0, 0);
}

.button_keycap, .toggle-button_keycap {
    -fx-background-color: #fefefe;
    -fx-background-radius: 8;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-border-color: #cfcfcf;
    -fx-border-radius: 8;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #8f8f8f, 1, 0, 0, 0);
}
.button_keycap:hover, .button_keycap:focused:hover, .toggle-button_keycap:hover, .toggle-button_keycap:focused:hover{
    -fx-background-color: #fefefe;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-border-color: #009bca;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #009bca, 2, 0, 0, 0);
}
.button_keycap:focused, .toggle-button_keycap:focused{
    -fx-background-color: #dadada;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-border-color: #8f8f8f;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #8f8f8f, 1, 0, 0, 0);
}

.button_keycap:pressed, .button_keycap:pressed:hover, .toggle-button_keycap:pressed, .toggle-button_keycap:pressed:hover{
    -fx-background-color: #fefefe;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-border-color: #e82382;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #e82382, 2, 0, 0, 0);
}

.toggle-button_keycap:selected, .toggle-button_keycap:selected:hover{
    -fx-background-color: #e1feeb;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-border-color: #ccfed1;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #e82382, 2, 0, 0, 0);
}

.always_off_button:disabled, .always_off_button:disabled:selected {
    -fx-opacity: 1.0;
    -fx-background-color: #fee9f8;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-border-color: #f1cbf1;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #f1cbf1, 1, 0, 0, 0);
}
/* -======================== TextArea =====================- */
.text-area{
    -fx-background-color: transparent;
    -fx-control-inner-background: #fefefe;
    -fx-border-color: #06b9bb;
    -fx-border-radius: 3;
    -fx-border-width: 1;
    -fx-text-fill: #2c2c2c;
}

.progress-bar {
    -fx-background-color: transparent;
    -fx-box-border: transparent;
}
.progress-bar > .track {
    -fx-background-color: transparent;
    -fx-box-border: transparent;
}
.progress-bar > .bar {
    -fx-background-color: linear-gradient(to right, #00bce4, #ff5f53);
    -fx-background-radius: 2;
    -fx-background-insets: 1 1 2 1;
    -fx-padding: 0.23em;
}

.dialog-pane {
    -fx-background-color: #fefefe;
}
.dialog-pane > .button-bar > .container{
    -fx-background-color: #ebebeb;
}

.dialog-pane > .label{
    -fx-padding: 10 5 10 5;
}

/* -======================== ToolBar =========================- */
/*
.tool-bar{
    -fx-background-color: transparent;
}
*/
/* -======================== Choice box =========================- */
.choice-box {
    -fx-background-color: #fefefe;
    -fx-border-color: #fefefe;
    -fx-border-radius: 3;
    -fx-border-width: 2;
    -fx-mark-color: #eea11e;
    -fx-effect: dropshadow(three-pass-box, #b4b4b4, 2, 0, 0, 0);
}
.choice-box > .label {
    -fx-text-fill: #2c2c2c;
}

.choice-box:pressed, .choice-box:pressed:hover{
    -fx-background-color: #fefefe;
    -fx-border-color: #eea11e;
    -fx-border-radius: 3;
    -fx-border-width: 2;
    -fx-text-fill: #2c2c2c;
    -fx-effect: dropshadow(three-pass-box, #eea11e, 2, 0, 0, 0);
}

// Background color of the whole context menu
.choice-box .context-menu {
    -fx-background-color: #fefefe;
}

// Focused item background color in the list
.choice-box .context-menu .menu-item:focused {
    -fx-background-color: #eea11e;

}
.choice-box .context-menu .menu-item:focused .label {
    -fx-text-fill: #2c2c2c;
}

/* -======================== TAB PANE =========================- */
.tab-pane .tab SVGPath{
    -fx-fill: #2c2c2c;
}
.tab-pane .tab:selected SVGPath, .tab-pane .tab:selected:hover SVGPath{
    -fx-fill: #ebebeb;
}
.tab-pane .tab:hover SVGPath{
    -fx-fill: #2b2b2b;
}
/*
.tab-pane .tab{
    -fx-background-color: #fefefe;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
    -fx-border-radius: 0 0 0 0;
    -fx-border-width: 0 0 3 0;
    -fx-border-color: #fefefe;
}

.tab-pane .tab:selected{
    -fx-background-color: #fefefe;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
    -fx-border-radius: 0 0 0 0;
    -fx-border-width: 0 0 3 0;
    -fx-border-color: #40b9bb;
}
*/
.tab-pane .tab{
    -fx-background-color: #fefefe;
    -fx-background-radius: 2;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

.tab-pane .tab:selected{
    -fx-background-color: #40b9bb;
    -fx-background-radius: 2;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}
.tab-pane > .tab-header-area {
    -fx-background-insets: 0.0;
    -fx-padding: 5 5 5 5;
}

.tab-pane > .tab-header-area > .tab-header-background
{
   -fx-background-color: #ebebeb;

}
.tab-pane > .tab-header-area > .headers-region > .tab {
    -fx-padding: 10;
}
/* -========================== Context menu =====================- */
.context-menu {
  -fx-background-color: #fefefe;
  -fx-cursor: hand;
}
.context-menu .menu-item .label {
  -fx-text-fill: #2c2c2c;
}
.context-menu .menu-item:focused .label {
  -fx-text-fill: white;
}
/* -========================== Text Field =====================- */
.text-field {
    -fx-border-color: #289de8;
    -fx-border-width: 0 0 1 0;
    -fx-background-color: transparent;
    -fx-text-fill: #2c2c2c;
}
.text-field:focused {
    -fx-border-color: #e82382;
    -fx-border-width: 0 0 1 0;
    -fx-background-color: transparent;
    -fx-text-fill: #e82382;
}
/* -========================== footer pane =====================-  */
.footer{
    -fx-background-color: #ffffff;
    -fx-border-color: #b5b5b5;
    -fx-border-width: 1 0 0 0;
}
/* -========================== header pane =====================-  */
.header {
   -fx-background-image: url("pttrn.png");
   -fx-background-position: center;
   -fx-background-repeat: repeat;
   -fx-border-color: #b5b5b5;
   -fx-border-width: 0 0 1 0;
}

.header-box {
    -fx-background-color: #ebebeb;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
    -fx-background-radius: 2;
    -fx-padding: 3.5;
}