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

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


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

@include exports("view") {
    .view {
        color: $text_color;
        background-color: $base_color;

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

        &:selected, &:selected:focus { @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;
            }
        }
    }

    .dim-label {
        &, &.view { color: alpha(currentColor, 0.5); }
    }

    .dnd { border: 1px solid $selected_bg_color; }

    .grip { background-color: transparent; }

    .arrow { color: alpha(currentColor, 0.7); }

    .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); }
    }
}

/************
 ! Treeview *
*************/

@include exports("treeview") {
    GtkTreeView {
        -GtkTreeView-vertical-separator: 0;

        outline-offset: -1px;

        &.dnd { border: 1px solid $selected_bg_color; }

        .entry {
            border-radius: 0;
            background-color: $base_color;
            background-image: none;
        }
    }
}


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

@include exports("columnheader") {
    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 *
***********/

@include exports("frame") {
    .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 *
**************/

@include exports("expander") {
    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 *
********************/

@include exports("symbolicimage") {
    .image {
        color: alpha(currentColor, 0.5);

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

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


/****************
 ! Floating bar *
*****************/

@include exports("floatingbar") {
    .floating-bar {
        border: 1px solid border_normal($bg_color);
        border-radius: $roundness;
        background-color: $bg_color;
        background-image: none;
        color: $fg_color;

        &.top {
            border-top-width: 0;
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        &.right {
            border-right-width: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        &.bottom {
            border-bottom-width: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        &.left {
            border-left-width: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

        .button {
            -GtkButton-image-spacing: 0;
            -GtkButton-inner-border: 0;

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