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

271 lines
6.3 KiB
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;
}
}
}