dotfiles/.config/gtk-3.0/shared.css

/*
 * see here for theming tutorial
 * https://ubuntu-mate.community/t/enabling-the-gtk-inspector-to-find-css-values-for-theme-styles/20150
*/

/************* 
 * base states
 *************/

.background {
    color: @fg_color;
    background: @bg_color;
}

/* inherit colors from parent */
* {
    background-color: inherit;
    color: inherit;
}

*:hover {
    color: @acc1_color;
}

.view,
.cell {
    background: @bg_color;
    color: @fg_color;
}

.view:hover {
    color: @acc1_color;
}

.view:selected {
    color: @bg_color;
}

selection,
*:selected:selected,
*:selected:focus {
    background-color: @acc1_color;
    color: @bg_color;
}


/*
* {
    border-color: @bg_color;
    border-style: solid;

    -GtkTreeView-expander-size: 11;
}
*/

selection,
*:selected:selected,
*:selected:focus {
    background-color: @acc1_color;
    color: @bg_color;
}

box {
    background: @bg_color;
    color: @fg_color;
}

label {
    color: @fg_color;
}


*:backdrop:backdrop,
*:disabled:disabled {
    color: mix(@fg_color, @bg_color, 0.4);
    -gtk-icon-effect: dim;
}

entry {
    padding: 3px;
    border-width: 1px;
    background-color: @bg_color;
    color: @fg_color;
}

entry:backdrop,
entry:disabled {
    background: shade(@bg_color, 0.94);
}

slider:focus,
switch:focus slider,
spinbutton:focus,
notebook:focus tab:checked,
radio:focus,
check:focus,
entry:focus,
button:focus {
    border-color: @acc2_color;
}