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

151 lines
4.0 KiB
SCSS
Raw Normal View History

2014-12-13 12:53:59 +00:00
@import "button";
/*******
! OSD *
********/
GtkOverlay.osd {
background-color: transparent;
}
.osd {
&.background {
background-color: alpha($osd_bg, 0.8);
color: $osd_fg;
}
&.frame {
background-clip: border-box;
background-origin: border-box;
}
&.button, .button { @include button($osd_bg, $osd_fg); }
&.toolbar {
-GtkToolbar-button-relief: normal;
padding: $spacing;
2014-12-13 14:17:53 +00:00
border: 1px solid border_normal($osd_bg);
2014-12-13 12:53:59 +00:00
border-radius: $roundness;
background-color: $osd_bg;
background-image: none;
color: $osd_fg;
.separator { color: shade($osd_bg, 0.9); }
}
/* used by gnome-settings-daemon's media-keys OSD */
&.trough { background-color: shade($osd_bg, 0.8); }
&.progressbar { background-color: $osd_fg; }
.scale {
&.slider {
background-color: shade($osd_bg, 1.08);
background-image: none;
/* we will draw the border using box shadow for now */
box-shadow: inset 1px 0 shade($osd_bg, 0.8),
inset 0 1px shade($osd_bg, 0.8),
inset -1px 0 shade($osd_bg, 0.8),
inset 0 -1px shade($osd_bg, 0.8);
&:hover {
box-shadow: inset 1px 0 shade($osd_bg, 0.7),
inset 0 1px shade($osd_bg, 0.7),
inset -1px 0 shade($osd_bg, 0.7),
inset 0 -1px shade($osd_bg, 0.7);
}
&:insensitive {
background-color: shade($osd_bg, 0.9);
background-image: none;
box-shadow: inset 1px 0 shade($osd_bg, 0.85),
inset 0 1px shade($osd_bg, 0.85),
inset -1px 0 shade($osd_bg, 0.85),
inset 0 -1px shade($osd_bg, 0.85);
}
}
&.trough {
border-color: shade($osd_bg, 0.8);
background-color: shade($osd_bg, 1.08);
background-image: none;
&.highlight {
border-color: $selected_bg_color;
background-color: $selected_bg_color;
background-image: none;
}
&:insensitive, &.highlight:insensitive {
border-color: shade($osd_bg, 0.85);
background-color: shade($osd_bg, 0.9);
background-image: none;
}
}
}
&.view, .view { background-color: $osd_bg; }
.scrollbar {
.trough { background-color: $osd_bg; }
.slider {
border: 1px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21);
border-radius: 0;
background-color: mix($osd_bg, $osd_fg, 0.21);
&:hover {
border-color: mix(shade($osd_bg, 0.87), $osd_fg, 0.31);
background-color: mix($osd_bg, $osd_fg, 0.31);
}
&:active {
border-color: shade($selected_bg_color, 0.9);
background-color: $selected_bg_color;
}
}
}
GtkIconView.cell {
&:selected, &:selected:focus {
background-color: transparent;
2014-12-13 14:17:53 +00:00
border: 3px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21);
2014-12-13 12:53:59 +00:00
border-radius: $roundness;
outline-color: transparent;
}
}
/* used by Documents */
.page-thumbnail {
border: 1px solid shade($osd_bg, 0.9);
/* when there's no pixbuf yet */
background-color: $osd_bg;
}
}
.osd GtkProgressBar, GtkProgressBar.osd {
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px;
padding: 0;
&.trough {
padding: 0;
border-style: none;
border-radius: 0;
background-image: none;
background-color: transparent;
}
&.progressbar {
border-style: none;
border-radius: 0;
background-color: $selected_bg_color;
background-image: none;
}
}