@define-color np_fg_color #ddddde;
@define-color np_bg_color #333;
@define-color np_text_color #2e3436;

@define-color info_bg_color @np_bg_color;
@define-color info_fg_color @np_fg_color;

* {
    background-color: alpha(#000, 0.0);
}

GtkWindow {
    color: @np_fg_color;
}

SushiFontWidget {
    padding: 2px;
}

GtkSourceView {
    color: @np_text_color;
    background-color: shade (@np_fg_color, 1.10);
    font: Monospace 10;
}

.scrollbar.slider,
.scrollbar.button {
    background-color: shade (@np_bg_color, 1.30);
}

.scrollbar.button:prelight,
.scrollbar.slider:prelight {
    background-color: shade (@np_bg_color, 1.45);
}

.scrollbar.button:prelight:active,
.scrollbar.slider:prelight:active {
    background-color: shade (@np_bg_color, 1.70);
}

.np-toolbar {
    border-style: none;
    border-radius: 3px;
    border-width: 0;

    background-color: @np_bg_color;
}

.np-toolbar GtkSeparatorToolItem {
    -GtkWidget-wide-separators: 1;
    -GtkWidget-separator-width: 1;

    border-width: 1px;
    border-style: solid;
}

.np-toolbar .button {
    border-image: none;
    background-image: -gtk-gradient(linear,
                                    left top, left bottom,
                                    from(#333),
                                    color-stop(0.50, shade (#333, 1.40)),
                                    to (#333));
}

.np-toolbar .button:hover {
    background-image: -gtk-gradient(linear,
                                    left top, left bottom,
                                    from(shade(#333, 1.20)),
                                    color-stop(0.50, shade (#333, 1.60)),
                                    to (shade(#333, 1.20)));
}

.np-toolbar GtkLabel {
    font: Cantarell 8;
}

.np-decoration {
    font: bold;
}

.np-decoration.button {
    background-image: none;
    padding: 4px;

    border-image: none;
    border-style: none;
    border-radius: 0;
    border-width: 0;
    background-color: alpha (#000, 0.0);

    -GtkWidget-focus-line-width: 0;
}

.np-decoration.button:hover {
    background-image: -gtk-gradient(linear,
                                    left top,
                                    left bottom,
                                    from(alpha(#333, 0.0)),
                                    color-stop(0.50, alpha(#333, 0.66)),
                                    to(alpha(#333, 0.0)));
}

.np-decoration.button:hover:active {
    background-image: -gtk-gradient(linear,
                                    left top,
                                    left bottom,
                                    from(alpha(#333, 0.0)),
                                    color-stop(0.50, #333),
                                    to(alpha(#333, 0.0)));
}
