/**********************************************/
/* steppenwolf theme; gtk3 part               */
/* by nilix <nilix@nilfm.cc> April 2019       */
/**********************************************/
/* based on... */
/**********************************************/
/* OneStepBack theme; gtk3 part               */
/* jpsb: July 2015 - May 2018             */
/**********************************************/

/**********************************************/
/* Color definitions */
/**********************************************/

@define-color white_color #000000;
@define-color lighter_color #555555;
@define-color base_color #222222;
@define-color darker_color #101010;
@define-color black_color #c8c8c8;
@define-color scale_color #1f9b92;
@define-color grey50 #797979;
@define-color trueblack #000000;
@define-color truewhite #ffffff;


/**********************************************/
/* Derived colors */
/**********************************************/

@define-color headerbar_bg_color @trueblack;
@define-color button_selected_bg_color @darker_color;
@define-color text_selected_bg_color @scale_color;
@define-color text_selected_fg_color @trueblack;
@define-color menuitem_selected_bg_color @scale_color;
@define-color menuitem_selected_fg_color @trueblack;
@define-color listitem_selected_bg_color @scale_color;
@define-color listitem_selected_fg_color @trueblack;

/**********************************************/
/* Button border colors */
/**********************************************/

@define-color inset_lighter_color shade(@base_color,0.9);
@define-color outset_lighter_color shade(@base_color,1.3);
@define-color inset_darker_color shade(@base_color,0.5);

/**********************************************/
/* Color names curiously hardcoded in some gnome applications */
/**********************************************/

@define-color theme_base_color @lighter_color;
@define-color theme_text_color @black_color;
@define-color theme_bg_color @base_color;
@define-color theme_fg_color @black_color;
@define-color theme_selected_bg_color @listitem_selected_bg_color; /* list select */
@define-color theme_selected_fg_color @listitem_selected_fg_color;
@define-color theme_tooltip_bg_color @black_color;
@define-color theme_tooltip_fg_color @grey50;

/**********************************************/
/* headerbar */
/**********************************************/

headerbar {
    background-color: @headerbar_bg_color; /* fond de barre */
    color: @grey50; /* séparations verticales dans la barre */
}

.titlebar .title {
    color: @truewhite;
    font-weight: bold;
}

.titlebar .title:backdrop {
    color: @base_color;
}

.pathbar { /* dconf-editor */
    color: @truewhite;
    font-weight: bold;
}


/***********************************************/
/* general */
/**********************************************/

* {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false;
    -GtkScrollbar-has-secondary-backward-stepper: false;
    -GtkScrollbar-has-secondary-forward-stepper: false;
    -GtkScrolledWindow-scrollbar-spacing: 0;
    outline-color: @black_color;
    outline-style: solid;
    outline-offset: -3px;
    outline-width: 1px;
    -gtk-outline-radius: 0px;

    /* -GtkWidget-window-dragging: true;*/  /* behrz */
    /* seems to break things in gnumeric: Ingo S. */
        }

.background {
    background-color: @base_color;
    color: @black_color;
}

tooltip {
  border-radius: 0px;
}

tooltip * {
  background-color: @trueblack;
  color: @grey50;
  border: none;
  border-radius: 0px;
}

tooltip decoration{
  background-color:  @trueblack;
  }

tooltip.background {
  background-color: @trueblack;
  color: @grey50;
  }

.app-notification {
  background-color: @trueblack;
  color: @grey50;
}

.osd {
  background-color: @trueblack;
  color: @grey50
}

printdialog .dialog-action-box {
  background-color: @base_color;
  }

printdialog paper{
  border: 1px solid rgba(0,0,0,0.5);
  background: @truewhite;
  padding: 0px;
  }

/**********************************************/
/* button */
/**********************************************/

button {
    margin: 3px;
    background-color: @trueblack;
    color: @black_color;
    border-radius: 4px;
    padding: 3px;
    border: 1px solid #5b5754;
}


window.thunar #location-toolbar .path-bar button {
    border-radius: 4px;
    padding: 0px;
    border: 1px solid #5b5754;
    margin: 0px;
}


.view button {
  margin: 0px;
  }

button:hover {
  background-color:transparent;
  background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(20,20,20,1));
  border: 1px solid #5b5754;
} 

button:active, button:checked, button:selected, button:active:hover, button:checked:hover, button:selected:hover {
  border: 1px solid #20ab95;
}


button:disabled {
    background-color: #140f0b;
    color: @darker_color;
    border: 1px solid #403d38;
}

headerbar button{
    color: #797979;
    border: none;
}

hearderbar button:selected, headerbar button:checked, headerbar button:checked:hover {
    color: #ffffff;
    background-color: transparent;
    border: none;
}

headerbar button:active:hover  { /* bouton de headerbar cliqué */
    background-color: #797979;
    color: #000000;
    border: none;
}

headerbar button:backdrop {
}

headerbar .close.titlebutton {
    color: #ff00ff;
    background-color: transparent;
}
headerbar .close.titlebutton:active:hover {
    color: #ffffff;
    background-color: transparent;
}

headerbar button:disabled:backdrop {
    color: @darker_color;
}

/**********************************************/
/* menu */
/**********************************************/

menubar {
/*    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @outset_lighter_color;
    border-bottom: 1.3px solid @trueblack;
    border-right: 1.3px solid @trueblack; 
*/
    padding: 1px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

menu {
    border: none;
    background-color: @trueblack;
    color: @grey50;
}


menuitem {
  padding-left:5px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}

menu:active, menu:hover{
    background-color: @menuitem_selected_bg_color;
    color: @trueblack;
}

menuitem:active, menuitem:hover {
    background-color: @menuitem_selected_bg_color;
    color: @menuitem_selected_fg_color;
}

combobox menu {
    border: none;
}

/**********************************************/
/* toolbar */
/**********************************************/

toolbar {
    padding: 1px;
/*    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @outset_lighter_color;
    border-right: 1.3px solid @trueblack;
    border-bottom: 1.3px solid @trueblack; */
}

toolbar button, toolbar button:disabled {
    background-color: transparent;
  border: 1px solid transparent;    
  padding: 3px;
  margin: 3px;
}

toolbar button:active, toolbar button:checked {
  border: 1px solid #20ab95;  
}


/**********************************************/
/* scale */
/**********************************************/
 
scale trough {
    min-width: 6px;
    min-height: 6px;
    background-color: @darker_color;
}


scale.horizontal trough {
    padding-left: 15px;
    padding-right: 15px;
}

scale.horizontal slider {
    min-width: 30px;
    min-height: 6px;
    background-color: @scale_color;
}

scale.vertical trough {
    padding-top: 15px;
    padding-bottom: 15px;
}

scale.vertical slider {
    min-width: 6px;
    min-height: 30px;
    background-color: @scale_color;
}

scale indicator {
    min-width: 1px;
    min-height: 5px;
    background: @black_color;
}

/**********************************************/
/* progressbar */
/**********************************************/

progressbar {
    color: @black_color;
    background-color: @base_color;
}

progressbar.vertical trough {
    min-width: 6px;
    background-color: @darker_color;
    color: @black_color;
    border-left: 1px solid @inset_darker_color;
    border-top: 1px solid  @inset_darker_color;
    border-right: 1px solid @base_color;
    border-bottom: 1px solid @base_color;
}

progressbar.horizontal trough {
    min-height: 6px;
    background-color: @darker_color;
    color: @black_color;
    border-left: 1px solid @inset_darker_color;
    border-top: 1px solid  @inset_darker_color;
    border-right: 1px solid @base_color;
    border-bottom: 1px solid @base_color;
}

progressbar.vertical progress {
    min-width: 6px;
    background-color: @scale_color;
    border: none;
}

progressbar.horizontal progress {
    min-height: 6px;
    background-color: @scale_color;
    border: none;
}

progressbar.vertical text {
    margin-right: 25px;
}

/* progressbars are different in GtkTreeView (monitor) */
treeview.view.progressbar {
    min-height: 14px;
    background-color: @scale_color;
    border-left: 1px solid shade(@scale_color,1.3);
    border-top: 1px solid shade(@scale_color,1.3);
    border-right: 1.3px solid @trueblack;
    border-bottom: 1.3px solid @trueblack;
}

treeview.view.trough,
treeview.view.trough:selected {
    min-height: 18px;
    background-color: @darker_color;
    color: @white_color;
    border-left: 1px solid @inset_darker_color;
    border-top: 1px solid  @inset_darker_color;
    border-right: 1px solid @base_color;
    border-bottom: 1px solid @base_color;
}

/**********************************************/
/* scrollbar */
/**********************************************/

scrollbar trough {
      background-color: @base_color;
      color: @scale_color;
      min-width: 6px;
      min-height: 6px;
    }

scrollbar slider, scrollbar slider:hover {
    background-color: @scale_color;
    min-width: 6px;
    min-height: 6px;
}

scrollbar.vertical slider {
        min-height: 30px;
}

scrollbar.horizontal slider {
        min-width: 30px;
}

scrollbar button {
/*  width: 0px;
  height: 0px;
*/
  padding: 0px;
  margin: 0px;
  border: none;
}


/**********************************************/
/* entry, treeview, textview, iconwiew, grid */
/**********************************************/

entry {
    background-color: @white_color;
    color: @black_color;
    padding: 2px;
    border-left: 1.3px solid  @trueblack;
    border-top: 1.3px solid  @trueblack;
    border-right: 1px solid @inset_lighter_color;
    border-bottom: 1px solid @inset_lighter_color;
}

entry:disabled {
    background-color: @darker_color;
    color: @black_color;
}



label:disabled {
    color: @lighter_color;
}

menu label:disabled {
    color: #3e3e3e;
  }

treeview {
    background-color: @white_color;
}

selection, textview selection {
    background-color: @text_selected_bg_color;
    color: @text_selected_fg_color;
}

textview {
    background-color: @white_color;
    color: @black_color;
}

iconview {
    background-color: @white_color;
    color: @black_color;
}

notebook*iconview {
    background-color: @lighter_color;
  }

iconview *:selected, iconview *:active {
    background-color: @text_selected_bg_color;
    color: @text_selected_fg_color;
}

grid *:selected, grid *:active {
    background-color: @text_selected_bg_color;
    color: @text_selected_fg_color;
}

/**********************************************/
/* frame, notebook, tab */
/**********************************************/

notebook {
    background-color: @base_color;
    color: @black_color;
    padding: 0px;
    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @outset_lighter_color;
    border-right: 1.3px solid @trueblack;
    border-bottom: 1.3px solid @trueblack;
}

notebook frame {
    background-color: @base_color;
    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @outset_lighter_color;
    border-right: 1.3px solid @trueblack;
    border-bottom: 1.3px solid @trueblack;
}

notebook tab {
    background-color: @darker_color;
    border: 1px solid @outset_darker_color;
    border-right: 1px solid @trueblack;
    border-bottom: 1px solid @outset_lighter_color;
    border-left: none;
    border-top: 1px solid @darker_color;
        padding: 3px;
        margin: 0px;
}

notebook tab:checked,
notebook tab:active {
    background-color: @base_color;
    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @base_color;
    border-bottom: 1px solid @base_color;
    border-right: 1px solid @trueblack;
}

frame
{
  border: none;
  background-color: transparent;
  padding: 0px;
}

/**********************************************/
/* list, row */
/**********************************************/

list {
    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @outset_lighter_color;
    border-right: 1.3px solid @trueblack;
    border-bottom: 1.3px solid @trueblack;
    padding: 7px;
    background-color: @white_color;
}

row {
    background-color: @white_color;
    padding: 5px;
    border: none;
    }

row:selected {
    background-color: @scale_color;
    color: @listitem_selected_fg_color;
}

list row:active {
    background-color: @scale_color;
}

treeview *:selected {
        background-color: @scale_color;
        color: @listitem_selected_fg_color;
}


/**********************************************/
/* separator */
/**********************************************/

separator.vertical {
        margin: 0px;
        padding: 0px;
        border-left: 1px solid @darker_color;
        border-right: 1px solid @lighter_color;
}

separator.horizontal {
        margin: 0px;
        padding: 0px;
        border-top: 1px solid @darker_color;
        border-bottom: 1px solid @lighter_color;
}

toolbar separator {
        margin: 5px;
        margin-top: 7px;
        margin-bottom: 7px;
        border-left: 1px solid @inset_darker_color;
        border-right: 1px solid @lighter_color;
}

menu separator {
        margin: 0px;
        padding: 0px;
        border-top: 1px solid @inset_darker_color;
        border-bottom: 1px solid @inset_lighter_color;
}

paned.vertical separator {
    border: none;
        padding: 0px;
    background-image: url("../img/separator_horizontal.png");
    background-position: center center;
        background-repeat: no-repeat;
}

paned.horizontal separator {
    border: none;
        padding: 0px;
    background-image: url("../img/separator_vertical.png");
    background-position: center center;
        background-repeat: no-repeat;
}

/* separator in nautilus side panel */
paned list separator.horizontal {
        min-height:1px;
    background-image: none;
    border: none;
        border-top: 1px solid @base_color;
}

/**********************************************/
/* check, radio */
/**********************************************/

checkbutton, radiobutton {
    color: @black_color;
    background-color: @base_color;
}

/*notebook checkbutton, notebook radiobutton {
    background-color: @lighter_color;
}*/

checkbutton:disabled, radiobutton:disabled {
    color: @lighter_color;
}

check {
    padding: 0px;
    border: none;
    margin: 5px;
    min-width: 13px;
    min-height: 13px;
        -gtk-icon-source: url("../img/check-unchecked.png");
}

check:checked {
        -gtk-icon-source: url("../img/check-checked.png");
}

radio {
    padding: 0px;
    border: none;
    margin: 5px;
    min-width: 13px;
    min-height: 13px;
        -gtk-icon-source: url("../img/radio-unchecked.png");
}

radio:checked {
    min-width: 13px;
    min-height: 13px;
        -gtk-icon-source: url("../img/radio-checked.png");
}

check:disabled {
    min-width: 11px;
    min-height: 11px;
        -gtk-icon-source: url("../img/check-disabled-unchecked.png");
}

radio:disabled {
    min-width: 11px;
    min-height: 11px;
        -gtk-icon-source: url("../img/radio-disabled-unchecked.png");
}

check:disabled:checked {
        -gtk-icon-source: url("../img/check-disabled-checked.png");
    min-width: 11px;
    min-height: 11px;
}

radio:disabled:checked {
        -gtk-icon-source: url("../img/radio-disabled-checked.png");
    min-width: 11px;
    min-height: 11px;
}

/* check and radio in menu */
menuitem check:disabled {
    min-width: 11px;
    min-height: 11px;
        -gtk-icon-source: url("../img/menuitem-transparent.png");
}
menuitem check, menuitem checkbutton {
    background-color: transparent;
    color:@black_color;
        -gtk-icon-source: url("../img/menuitem-transparent.png");
    min-width: 8px;
    min-height: 7px;
}

menuitem radio, menuitem radiobutton
{
  background-color: transparent;
  -gtk-icon-source: url("../img/menuitem-transparent.png");
  min-width: 5px;
  min-height: 5px;
}

menuitem check:checked {
        -gtk-icon-source: url("../img/menuitem-check-checked.png");
    min-width: 8px;
    min-height: 7px;
}

menuitem check:disabled:checked {
        -gtk-icon-source: url("../img/menuitem-check-checked-disabled.png");
    min-width: 8px;
    min-height: 7px;
}

menuitem radio:checked {
    min-width: 5px;
    min-height: 5px;
        -gtk-icon-source: url("../img/menuitem-radio-checked.png");
}

menuitem radio:disabled:checked {
    min-width: 5px;
    min-height: 5px;
        -gtk-icon-source: url("../img/menuitem-radio-checked-disabled.png");
}

/* handbrake/defaults audio; tweaktools/bureau*/
list row checkbutton, list row radiobutton {
    background-color: transparent;
    color: @black_color;
}

/* handbrake/defaults audio; tweaktools/bureau */
list row checkbutton label:disabled,
list row radiobutton label:disabled,
list row check:disabled,
list row radio:disabled {
    background-color: transparent;
    color: @darker_color;
    min-width: 11px;
    min-height: 11px;
        -gtk-icon-source: url("../img/transparent.png");
}


/**********************************************/
/* popover */
/**********************************************/

popover {
    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @outset_lighter_color;
    border-right: 1.3px solid @trueblack;
    border-bottom: 1.3px solid @trueblack;
}

popover modelbutton {
        padding: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
}

popover modelbutton:hover, popover modelbutton:active {
    background-color: @menuitem_selected_bg_color;
    color: @menuitem_selected_fg_color;
}

/**********************************************/
/* switch */
/**********************************************/

switch {
        font-weight: bold;
    background-color: @base_color;
    color: @black_color;
    border-left: 1.3px solid @trueblack;
    border-top: 1.3px solid @trueblack;
    border-right: 1.3px solid @lighter_color;
    border-bottom: 1.3px solid @lighter_color;
}

switch:checked {
   background-color: @scale_color;
}

switch slider {
    background-color: @base_color;
    padding: 1px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/scrollbar_thumb.png");
    border-left: 1px solid @outset_lighter_color;
    border-top: 1px solid @outset_lighter_color;
    border-right: 1.3px solid @trueblack;
    border-bottom: 1.3px solid @trueblack;
}

switch:disabled {
    background-color: @darker_color;
    color: @base_color;
}

switch:disabled slider {
    background-color: @darker_color;
    border-left: 1px solid @base_color;
    border-top: 1px solid @base_color;
}

/**********************************************/
/* arrow */
/**********************************************/

combobox arrow {  
        min-height: 19px;
        min-width: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/combobox-arrow-down.png");
}

combobox arrow:disabled {  
    background-image: url("../img/combobox-arrow-down-disabled.png");
}

arrow.top
{
  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}


arrow.bottom
{
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

arrow.top:disabled, arrow.bottom:disabled
{
  -gtk-icon-source: -gtk-icontheme("");
}

menuitem arrow {
        min-height: 15px;
        min-width: 8px;
        margin-left: 15px; /* brasero */
        -gtk-icon-source: url("../img/menuitem-arrow-right.png");
}

menuitem arrow:disabled {
        -gtk-icon-source: url("../img/menuitem-arrow-right-disabled.png");
}

expander arrow {
        min-width: 16px;
        min-height: 16px;
        -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
        -gtk-icon-transform: rotate(-90deg);
        color: @black_color;
}

expander arrow:checked {
        -gtk-icon-transform: unset;
}

popover arrow.right {
        min-height: 15px;
        min-width: 8px;
        -gtk-icon-source: url("../img/menuitem-arrow-right.png");
}

popover arrow.left {
        min-height: 15px;
        min-width: 8px;
        -gtk-icon-source: url("../img/menuitem-arrow-left.png");
}

/**********************************************/
/* calendar */
/**********************************************/

calendar {
    background-color: @lighter_color;
    color: @black_color;
}

calendar:selected {
    background-color: @listitem_selected_bg_color;
    color: @listitem_selected_fg_color;
}

calendar:indeterminate {
    color: @inset_lighter_color;
}

/**********************************************/
/* tweaks */
/**********************************************/

.panel {

  background-color: rgba(0,0,0, 0.8);
  color: #c8c8c8;
  font-weight: normal;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.panel-shadow {

  background-image: none;
  background-color: transparent; }

.panel .menu {

  box-shadow: none; }

.panel .menu .menuitem {

  font-weight: normal;
  text-shadow: none;
  -gtk-icon-shadow: none; }

.panel .menu .window-frame.menu.csd{

  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.panel .menu .window-frame.popup.csd {

  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.panel .menubar > .menuitem {

  padding: 3px 6px; }

.panel .menubar > .menuitem:hover {

  background-color: transparent; }

.panel .window-frame.menu.csd{

  box-shadow: none; }

.panel .window-frame.popup.csd {

  box-shadow: none; }

.panel-app-button > GtkWidget > GtkWidget:first-child {

  padding: 0 2px 0 4px; }

.panel .menu .spinner{

  opacity: 1; }

.menu .spinner {

  opacity: 1; }


/* selection in evince */
/*
.view:selected  {
    background-color: @text_selected_bg_color;
    color: @text_selected_fg_color;
}
*/

/* icon color selected and unfocused in nautilus */
/*
.view:active {
     background-color: yellow;
     color: blue
}
*/

.view {
  background-color: @white_color;
  }

.view:indeterminate, .view.*   {
  background-color: @base_color;
  }

filechooser #pathbarbox {
  background-color: @base_color;
  }

.rubberband {
  border: 1px solid @scale_color;
  background-color: rgba(23,119,115, 0.3);
  }

.view:selected:focus { background-color: @scale_color; }
/* avoid borders on the desktop when managed by nautilus */
nautilus-desktop-window * {
  border: none;
}

/* flotting-bar in nautilus */
.floating-bar {
     background-color: @darker_color;
     color: @white_color;
}

/* icons in sidebar in nautilus */
.sidebar-icon {
    padding-right: 2px;
}

/* selections in firefox use fix color names ! */
/* fix background selected item unfocused in hugin: to test for consistency */
#MozillaGtkWidget *:selected:focus {
    background-color: @text_selected_bg_color;
    color: @text_selected_fg_color;
}

/* thunderbird: item selected in list */
.view:selected {
    background-color: @text_selected_bg_color;
    color: @listitem_selected_fg_color;
}

/* background and selection in icon view in caja (mrnhmath) */
.caja-notebook .view {
    background-color: @base_color;
}
.caja-notebook .view:selected,
.caja-notebook .view:selected:focus
{
    background-color: @darker_color;
}
.caja-notebook .rubberband {
    background-color: transparent;
}

/* background of nautilus icon window */
/*.nautilus-window, .nautilus-window notebook {
  background-color: @lighter_color;
}*/

/* zebra strips do not work with recent versions */
/*view row:nth-child(even) {
        background-color: green;
} 
treeview row:nth-child(even)
{
        background-color: green;
} 



GtkTreeView row:even {
        background-color: red;
}                                                                  

GtkTreeView row:odd {
        background-color: green;
}
*/
 
/*
GTK_DEBUG=interactive myexcutable
*/


/**********************************************/
/* The End */
/**********************************************/





