/* GIMP theme css file */



/* Color */
/* If you want to chnage the theme color the just chnage hex value of this code below */

@define-color main_color #1b1c20;

/* if you want to chnage Slider gradiant color then chnage the hex value of both of the color hex below */
/* slider selection colors are gradiant, so change both colors if you want a gradiant effect, and if you want it to be a single color, set the same hex value on both. */


@define-color slider_col1 #c2fb57;
@define-color slider_col2 #7bff78;

/* Layer slection color */
/* Layer selection colors are gradiant, so change both colors if you want a gradiant effect, and if you want it to be a single color, set the same hex value on both. */

@define-color layer_selcol #24262a;
@define-color layer_selcol2 #212326;


/* Canvas color */

@define-color canvas_col #141518;


/* Scrollbar BG color */

@define-color scrollbar_col #1b1c20;

/* Scrollbar color */

@define-color scrollbarbg_col #222427;

/* Border color */

@define-color border_col #1f2027;


/* Ruler color (Bg = background) */

@define-color ruler_col #5b5b68;
@define-color rulerbg_col #1b1c20;


/* Menu Bar Color */

@define-color menubarcol #17161d;

/* Tool Slected tool Color */

@define-color toolboxcol #1b1b22;

/* SEPARATOR Color */

@define-color separator #23232a;



/* ALL */

* {
    -gtk-icon-style:                   symbolic;
    -GimpDockWindow-default-height:    300;
    -GimpMenuDock-minimal-width:       200;
    -GimpDockWindow-menu-preview-size: button;
    -GimpToolPalette-tool-icon-size:   large-toolbar;
    -GimpToolPalette-button-relief:    none;
    -GimpDockbook-tab-icon-size:       button;
    -GimpColorNotebook-tab-icon-size:  button;
    -GimpDeviceEditor-handle-size:     12;
    -GimpDockable-content-border:      2;
    -GimpEditor-content-spacing:       2;
    -GimpEditor-button-spacing:        2;
    -GimpEditor-button-icon-size:      menu;
    -GimpDataEditor-minimal-height:    96;
    -GtkDialog-content-area-border:    0;
    -GtkDialog-button-spacing:         6;
    -GtkDialog-action-area-border:     12;
    -GimpUnitComboBox-appears-as-list: 0;
}

GimpToolDialog {
    -GtkDialog-action-area-border: 6;
}

GimpColorNotebook tab {
    padding: 0 0 0 0;
}

GimpDock GimpColorNotebook spinbutton,
GimpDock GimpColorNotebook spinbutton entry,
GimpDock GimpColorScales spinbutton,
GimpDock GimpColorScales spinbutton entry {
    min-height: 0;
}

GimpColorSelection ColorselCmyk {
    padding: 2px 2px 2px 2px;
}

GimpColorHistory button {
    padding: 3px 3px 3px 3px;
}

#gimp-color-tag-box button {
    padding: 4px 6px 4px 6px;
}

tab GimpFgBgView {
    padding: 6px 6px 6px 6px;
}

GimpFgBgEditor:active {
    border-width: 2px 2px 2px 2px;
}

GimpDock {
    font-size: smaller;
}

GimpDock notebook tab {
    padding: 0 0 0 0;
}

GimpDock :not(toolbutton) > button,
GimpOverlayDialog button,
GimpToolDialog :not(headerbar) button,
GimpTextStyleEditor button {
    padding: 0px 2px 0px 2px;
}

GimpToolDialog headerbar {
    min-height: 0;
}

GimpToolDialog headerbar button {
    padding: 2px 2px 2px 2px;
}

GimpDock frame {
    -GimpFrame-label-bold:       0;
    -GimpFrame-label-spacing:    2;
}

GimpDisplayShell grid > button {
    min-height: 0;
    min-width: 0;
    padding: 0 0 0 0;
}

GimpDisplayShell combobox entry {
    font-size: smaller;
}

GimpDisplayShell combobox button {
    font-size: smaller;
}

GimpDisplayShell progressbar text {
    font-size: larger;
}

GimpDisplayShell progressbar trough,
GimpDisplayShell progressbar progress {
    min-height: 1em;
}

GimpFileDialog progressbar trough,
GimpFileDialog progressbar progress {
    min-width: 1px; /* hack */
    min-height: 1em;
}


GimpRuler {

 color: @ruler_col;
 background-color: @rulerbg_col;
    
}


GimpSpinScale entry {
    /* Important: prevent overhigh spin scale */
    min-height: 16px;
}

/************/
/* Slider */
/************/

GimpSpinScale entry progress {

    background-image: -gtk-gradient (linear, left top, right top,
                                         from (@slider_col1),
                                         to (@slider_col2));
    
        border-width:     0px;
        border-radius:    4px;
    
    }
    

GimpSpinScale button {
    /* Makes the +- buttons a bit more compact. */
    padding: 0 1px 0 1px;
}


GimpSpinScale entry progress {
    margin: 2px -6px;
    background-color: transparent;
    background-image: none;
    border-radius: 1;
    border-width: 0 0 2px;
    border-color: @slider_col1;
    border-style: solid;
    box-shadow: none; }
    spinbutton:not(.vertical) progress:backdrop,
    entry progress:backdrop {
      background-color: transparent; }
  .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
  entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) >
  entry:focus + button, .linked:not(.vertical) >
  entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) +
  entry, .linked:not(.vertical) >
  entry:focus +
  entry {
    border-left-color: @slider_col1; 
}


/* End */


entry.italic {
    font-style: italic;
}

.grid {
    background-color: @main_color;
}


/************/
/* TREEVIEW */
/************/

treeview {
background-color: @main_color;
}

treeview header button {
    padding: 6px;
}

treeview .toggle-icon:not(.visible):hover {
    border: 1px solid gray;
    border-radius: 3px;
}

treeview .toggle-icon:not(.visible):selected {
    border-color: lightgray;
}

treeview.view:selected,
treeview.view:selected:focus {
    background-image: -gtk-gradient (linear, left top, right top,
                                         from (@layer_selcol),
                                         to (@layer_selcol2));
    border-radius: 0;
}

box {
background-color: @main_color;
}


grid {
background-color: @main_color;
}

/* Gimp canvas */

GimpDisplayShell grid {

    background-image: radial-gradient(ellipse at center, #274e2c 1%, #1b1c20 100%);
    
    
} 


separator {
background-color: @main_color;
}

/************/
/* TREEVIEW */
/************/

treeview {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border:0.4px solid;
    border-radius:2px;
    color: alpha(@color_0002, 0.9);
    border-color:@border_col;
    background-color:@main_color;
    background-image: none;
    border-image: none;
    box-shadow: none;
    text-shadow: none;
}

menu {
background-color: @main_color;
}


header {
background-color: @main_color;
}


tabs {
background-color: @main_color;
}

stack {
background-color: @main_color;
}

GimpSpinScale {
background-color: @main_color;
}

menu menuitem:hover,
.menu menuitem:hover {
     background-color: @layer_selcol;
}

toolbutton {
background-color: @main_color;
}

@define-color theme_selected_bg_color #d93a31;


menubar {
background-color: @menubarcol;
}


/*************/
/* SCROLLBAR */
/*************/


scrollbar {
    background: none;
    background-image: none;
    border-image: none;
    min-width: 01.px;
    min-height: 0.1px;
    background-color: @scrollbar_col;
    transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin: 0px;
    padding: 0px;
}

scrollbar:backdrop {
    background-color: @scrollbar_col;
    border-color: @scrollbar_col;
    transition: 200ms ease-out;
}
scrollbar slider {
    min-width: 9px;
    min-height: 9px;
    border-radius: 20px;
    background-color: @scrollbarbg_col;
}

checkbutton {

color: #d6d6d6;

}

button {
color: #d6d6d6;
background-color: @main_color;

}


GimpDock {

color: #d6d6d6;


}


/************/
/* TOOLBAR */
/************/



toolbutton > button {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius:3px;
    padding:7px 1px;

}

toolbutton > button:checked:hover {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border:1px solid;
    border-radius:3px;
    padding:1px 1px;

}

toolbutton > button:checked {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border:1px solid;
    border-radius:1px;
    padding:2px 2px;
    border-width: 0 0 0 2.5px;
    border-color: @slider_col1;

}


toolbutton > button,
toolbutton > button:hover,
toolbutton > button:checked,
toolbutton > button:checked:hover {
    min-height:10px;
    min-width:10px;
    padding:4px 4px;
}




/************/
/* COMBOBOX */
/************/


combobox button {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border:1.5px solid;
    border-radius:3px;
    color: alpha(@color_0063, 0.9);
    border-color:@border_col;
    background-color:@main_color;
    background-image: none;
    border-image: none;
    box-shadow: none;
    text-shadow: none;
}
combobox button:hover {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border:1px solid;
    border-radius:3px;
    color:@color_0063;
    border-color:#3e3e3e;
    background-color:#1f1f1f;
    background-image: none;
    border-image: none;
    box-shadow: none;
    text-shadow: none;
}
combobox button:disabled {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border:1px solid;
    border-radius:3px;
    color: alpha(@color_0002, 0.3);
    border-color:#1f1f1f;
    background-color:#1f1f1f;
    background-image: none;
    border-image: none;
    box-shadow: none;
    text-shadow: none;
}
combobox button:active,
button:checked {
    transition:all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border:1px solid;
    border-radius:3px;
    color: alpha(@color_0002, 0.9);
    border-color:#3e3e3e;
    background-color:@toolboxcol;
    background-image: none;
    border-image: none;
    box-shadow: none;
    text-shadow: none;
}
combobox button.suggested-action:not(:disabled) {
    color:@color_0063;
    background-color:@color_0033;
    background-image: none;
    border-image: none;
    box-shadow: none;
    text-shadow: none;
}
combobox button.suggested-action:not(:disabled):hover {
    background-color:@color_0034;
    background-image: none;
    border-image: none;
    box-shadow: none;
    text-shadow: none;
}
combobox button,
combobox button:active,
combobox button:checked,
combobox button:disabled,
combobox button:hover {
    min-height:4px;
    min-width:4px;
}


/* SEPARATOR */

separator.wide {
    min-width:1px;
    min-height:12px;
    background-color: @separator;
    background-size:0px 0px, 0px 0px;
    box-shadow: none;
    border: 0;
}
separator.wide:hover {
    background-color: @separator;
    box-shadow: none;
    border: 0;
}