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

217 lines
5.2 KiB
SCSS
Raw Normal View History

2014-11-23 17:06:45 +00:00
/***************
! Generic views
****************/
@include exports("view") {
2015-05-31 16:20:35 +00:00
* { -GtkTextView-error-underline-color: $error_color; }
.view {
color: $text_color;
background-color: $base_color;
2014-11-13 19:59:02 +00:00
&:insensitive, &:insensitive:insensitive {
2015-08-06 23:10:35 +00:00
background-color: shade($base_color, .9);
color: mix($text_color, $base_color, .5);
}
2014-11-13 19:59:02 +00:00
2014-12-19 21:41:02 +00:00
&:selected, &:selected:focus { @extend %selected; }
2014-11-13 19:59:02 +00:00
}
.cell {
border-width: 0;
border-radius: 0;
2014-11-13 19:59:02 +00:00
&:selected, &:selected:focus {
2014-11-13 19:59:02 +00:00
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
row {
&:selected {
&, &:hover, &:focus {
-GtkWidget-focus-padding: 1;
-GtkWidget-focus-line-width: 0;
2015-08-06 23:10:35 +00:00
border: 0;
background-color: $selected_bg_color;
background-image: none;
color: $selected_fg_color;
}
}
}
2014-11-13 19:59:02 +00:00
.content-view {
&.view {
background-color: $base_color;
2014-11-13 19:59:02 +00:00
2015-08-06 23:10:35 +00:00
&:prelight { background-color: alpha($selected_bg_color, .6); }
2014-11-13 19:59:02 +00:00
&:selected, &:active { background-color: $selected_bg_color; }
2015-08-06 23:10:35 +00:00
&:insensitive { background-color: shade($base_color, .9); }
2014-11-13 19:59:02 +00:00
&.check {
&, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
}
2014-11-13 19:59:02 +00:00
}
.subtitle {
font: smaller;
padding: 0 12px;
}
2014-11-13 19:59:02 +00:00
}
GtkIconView {
&.content-view.check { @extend .content-view.check; }
&.view.cell {
&:selected, &:selected:focus {
2015-08-06 23:10:35 +00:00
border: 0;
border-radius: 2px;
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
2014-11-13 19:59:02 +00:00
}
}
.dim-label {
2015-08-06 23:10:35 +00:00
&, &.view { color: alpha(currentColor, .5); }
}
2014-11-29 13:13:30 +00:00
.dnd { border: 1px solid $selected_bg_color; }
2014-11-29 13:13:30 +00:00
.grip { background-color: transparent; }
2014-11-29 13:13:30 +00:00
2015-08-06 23:10:35 +00:00
.arrow { color: alpha(currentColor, .7); }
2014-11-29 13:13:30 +00:00
.rubberband {
&, &.view, &.content-view.view {
border: 1px solid $selected_bg_color;
border-radius: 0;
2015-08-06 23:10:35 +00:00
background-color: alpha($selected_bg_color, .3);
}
2014-11-13 19:59:02 +00:00
}
GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }
2014-11-23 17:06:45 +00:00
/* this will get overridden by .view, needed by gedit line numbers */
2015-08-06 23:10:35 +00:00
GtkTextView { background-color: mix($bg_color, $base_color, .5); }
2014-11-23 17:06:45 +00:00
2014-12-28 15:39:36 +00:00
GtkHTML {
@extend .view;
2014-11-23 17:06:45 +00:00
2015-08-06 23:10:35 +00:00
&:insensitive { background-color: shade($base_color, .9); }
}
2014-12-28 15:39:36 +00:00
GtkDrawingArea { background-color: transparent; }
2014-11-23 17:06:45 +00:00
}
2014-11-29 13:13:30 +00:00
/************
! Treeview *
*************/
@include exports("treeview") {
GtkTreeView {
2015-05-31 16:20:35 +00:00
-GtkTreeView-expander-size: 8;
-GtkTreeView-vertical-separator: 0;
2014-11-29 13:13:30 +00:00
outline-offset: -1px;
2014-11-29 13:13:30 +00:00
&.dnd { border: 1px solid $selected_bg_color; }
2014-11-29 13:13:30 +00:00
.entry {
border-radius: 0;
background-color: $base_color;
background-image: none;
}
2016-03-25 11:55:15 +00:00
.progressbar,
.progressbar:selected,
.progressbar:selected:focus {
@include linear-gradient($selected_bg_color);
border: 1px solid mix($selected_bg_color, $selected_fg_color, .2);
}
.trough,
.trough:selected,
.trough:selected:focus {
background-color: mix($bg_color, $base_color, .5);
border: 1px solid $bg_color;
}
.progressbar:insensitive,
.progressbar:insensitive:insensitive {
@include linear-gradient($bg_color);
border-color: $bg_color;
}
.trough:insensitive,
.trough:insensitive:insensitive {
background-color: $base_color;
}
2014-11-29 13:13:30 +00:00
}
}
2014-12-08 19:47:23 +00:00
/***********
! Separator
************/
@include exports("separator") {
.view.separator, .separator {
2014-12-19 21:53:56 +00:00
color: shade($bg_color, ($contrast + .1));
2014-12-08 19:47:23 +00:00
border: 1px solid currentColor;
}
}
2014-11-23 17:06:45 +00:00
/*********************
! Column view headers
**********************/
@include exports("columnheader") {
column-header {
.button {
&, &:active {
border-width: 0 1px 1px 0;
border-radius: 0;
}
&, &:active, &:focus, &:active:focus {
2015-08-06 23:10:35 +00:00
border-color: shade($base_color, .9);
border-bottom-color: shade($base_color, .8);
background-color: shade($base_color, .97);
background-image: none;
}
&:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
2015-08-06 23:10:35 +00:00
border-color: shade($base_color, .9);
border-bottom-color: shade($base_color, .8);
background-color: shade($base_color, .99);
background-image: none;
}
2015-08-06 23:10:35 +00:00
&:last-child .button { border-width: 0 0 1px; }
2014-11-23 17:06:45 +00:00
}
}
}
2014-11-29 13:02:31 +00:00
/**********
! Frames *
***********/
@include exports("frame") {
2014-12-14 11:47:14 +00:00
.frame {
border: 1px solid border_normal($bg_color);
2014-11-29 13:02:31 +00:00
2015-08-06 23:10:35 +00:00
&.flat { border: 0; }
}
2014-12-14 11:47:14 +00:00
/* avoid double borders when a viewport is packed into a GtkScrolledWindow */
2015-08-06 23:10:35 +00:00
GtkScrolledWindow GtkViewport.frame { border: 0; }
2014-11-29 13:02:31 +00:00
}