numix-gtk-theme/gtk-3.0/scss/_view.scss

@import "functions";
@import "global";


/***************
 ! Generic views
****************/

.view {
    color: $text_color;
    background-color: $base_color;

    &:selected { @extend %selected_items; }
}

.cell {
    border-width: 0;
    border-radius: 0;

    &:selected, &:selected:focus {
        background-color: $selected_bg_color;
        color: $selected_fg_color;
    }
}

row {
    &:selected {
        &, &:hover, &:focus {
            -GtkWidget-focus-padding: 1;
            -GtkWidget-focus-line-width: 0;

            border: none;
            background-color: $selected_bg_color;
            background-image: none;
            color: $selected_fg_color;
        }
    }
}

.content-view {
    &.view {
        background-color: $base_color;

        &:prelight { background-color: alpha($selected_bg_color, 0.6); }

        &:selected, &:active { background-color: $selected_bg_color; }

        &:insensitive { background-color: shade($base_color, 0.9); }

        &.check {
            &, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
        }
    }

    .subtitle {
        font: smaller;
        padding: 0 12px;
    }
}

GtkIconView {
    &.content-view.check { @extend .content-view.check; }

    &.view.cell {
        &:selected, &:selected:focus {
            border: none;
            border-radius: 2px;
            background-image: none;
            background-color: $selected_bg_color;
            color: $selected_fg_color;
        }
    }
}

.rubberband {
    &, &.view, &.content-view.view {
        border: 1px solid $selected_bg_color;
        border-radius: 0;
        background-color: alpha($selected_bg_color, 0.3);
    }
}

/* used by GtkScrolledWindow, shown when content is touch-dragged past boundaries. */
.overshoot { background-color: alpha($selected_bg_color, 0.3); }

GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }

/* this will get overridden by .view, needed by gedit line numbers */
GtkTextView { background-color: mix($bg_color, $base_color, 0.50); }

GtkDrawingArea, GtkHTML {
    @extend .view;

    &:insensitive { background-color: shade($base_color, 0.9); }
}


/*********************
 ! Column view headers
**********************/

column-header {
    .button {
        &, &:active {
            border-width: 0 1px 1px 0;
            border-radius: 0;
        }

        &, &:active, &:focus, &:active:focus {
            border-color: shade($base_color, 0.9);
            border-bottom-color: shade($base_color, 0.8);
            background-color: shade($base_color, 0.97);
            background-image: none;
        }

        &:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
            border-color: shade($base_color, 0.9);
            border-bottom-color: shade($base_color, 0.8);
            background-color: shade($base_color, 0.99);
            background-image: none;
        }

        &:last-child .button { border-width: 0 0 1px 0; }
    }
}


/**********
 ! Frames *
***********/

.frame { border: none; }

GtkScrolledWindow {
    &.frame { border: 1px solid border_normal($bg_color); }

    /* avoid double borders when a viewport is packed into a GtkScrolledWindow */
    GtkViewport.frame { border: none; }
}


/*************
 ! Expanders *
**************/

GtkExpander {
    padding: $spacing;
    outline-offset: 1px;
}

.expander {
    color: alpha(currentColor, 0.7);
    border: alpha(currentColor, 0.7);

    &:hover {
        color: alpha(currentColor, 0.8);
        border-color: alpha(currentColor, 0.8);
    }

    &:active {
        color: alpha(currentColor, 0.9);
        border-color: alpha(currentColor, 0.9);
    }
}


/*******************
 ! Symbolic images *
********************/

.image {
    color: alpha(currentColor, 0.5);

    &:hover { color: alpha(currentColor, 0.9); }

    &:selected, &:selected:hover { color: $selected_fg_color; }
}