home/.themes/FlatStudioDarkCustom/gtk-3.0/scrollbar.css

112 lines
3.4 KiB
CSS

/**************
* Scrollbars *
**************/
.scrollbar {
-GtkRange-slider-width: 15;
-GtkRange-stepper-size: 0;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: 0;
-GtkScrollbar-has-forward-stepper: 0;
-GtkScrollbar-min-slider-length: 30;
}
.scrollbar.trough.vertical {
border-radius: 0px;
border-width: 0px;
background-image: -gtk-gradient (linear, left top, right top,
from (shade (@bg_color, 1.04)),
to (shade (@bg_color, 1.04)));
}
.scrollbar.trough.horizontal {
border-radius: 0px;
border-width: 0px;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.04)),
to (shade (@bg_color, 1.04)));
}
.scrollbar.slider,
.scrollbar.button {
border-width: 0px;
border-radius: 0px;
background-color: mix(@theme_bg_color, @theme_mix_base, 0.25);
background-image: none;
}
.scrollbar.slider:prelight {
background-color: mix(@theme_bg_color, @theme_mix_base, 0.40);
background-image: none;
}
.scrollbar.slider.vertical {
border-radius: 0px;
background-image: -gtk-gradient (linear, left top, right top,
from (shade (@bg_color, 1.04)),
color-stop(0.35, shade(@bg_color, 1.04)),
color-stop(0.35, mix(@theme_bg_color, @theme_mix_base, 0.25)),
to (mix(@theme_bg_color, @theme_mix_base, 0.25)));
}
.scrollbar.slider.vertical:prelight {
background-image: -gtk-gradient (linear, left top, right top,
from (shade (@bg_color, 1.04)),
color-stop(0.35, shade(@bg_color, 1.04)),
color-stop(0.35, mix(@theme_bg_color, @theme_mix_base, 0.40)),
to (mix(@theme_bg_color, @theme_mix_base, 0.40)));
}
.scrollbar.slider.horizontal {
border-radius: 0px;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.04)),
color-stop(0.35, shade(@bg_color, 1.04)),
color-stop(0.35, mix(@theme_bg_color, @theme_mix_base, 0.25)),
to (mix(@theme_bg_color, @theme_mix_base, 0.25)));
}
.scrollbar.slider.horizontal:prelight {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.04)),
color-stop(0.35, shade(@bg_color, 1.04)),
color-stop(0.35, mix(@theme_bg_color, @theme_mix_base, 0.40)),
to (mix(@theme_bg_color, @theme_mix_base, 0.40)));
}
.scrollbar.slider:insensitive {
-GtkRange-slider-width: 0px;
}
.scrollbar.trough:insensitive {
-GtkRange-trough-border: 3px;
}
/* overlay scrollbar */
OsThumb:selected,
OsScrollbar:selected {
background-color: @selected_bg_color;
}
OsThumb:active,
OsScrollbar:active {
background-color: shade (@bg_color, 0.6);
}
OsThumb:insensitive,
OsScrollbar:insensitive {
background-color: shade (@bg_color, 0.85);
}