aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.14/sass/_common.scss
diff options
context:
space:
mode:
authorHorst31802015-12-03 00:20:09 +0100
committerHorst31802015-12-03 00:20:09 +0100
commitda31b2af0dad1a5d3de02eda528dba6ee96ab650 (patch)
treee192d96f8046768dd59f0c25ee5a63b97427a893 /common/gtk-3.0/3.14/sass/_common.scss
parentce704e5b61a818e5108a8b5f351a8a78dcc2991e (diff)
downloadsolarc-theme-da31b2af0dad1a5d3de02eda528dba6ee96ab650.tar.gz
solarc-theme-da31b2af0dad1a5d3de02eda528dba6ee96ab650.tar.xz
solarc-theme-da31b2af0dad1a5d3de02eda528dba6ee96ab650.zip
gtk 3.14: update scrollbar styling
Diffstat (limited to 'common/gtk-3.0/3.14/sass/_common.scss')
-rw-r--r--common/gtk-3.0/3.14/sass/_common.scss29
1 files changed, 23 insertions, 6 deletions
diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss
index 3a823f7..aaafff7 100644
--- a/common/gtk-3.0/3.14/sass/_common.scss
+++ b/common/gtk-3.0/3.14/sass/_common.scss
@@ -1844,6 +1844,8 @@ column-header.button.dnd { // for treeview-like derive widgets
* Scrollbars *
**************/
+$_scrollbar_bg_color: darken($base_color, 1%);
+
.scrollbar {
background-clip: padding-box;
background-image: none;
@@ -1851,7 +1853,7 @@ column-header.button.dnd { // for treeview-like derive widgets
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
- -GtkRange-slider-width: 11;
+ -GtkRange-slider-width: 13;
-GtkScrollbar-min-slider-length: 42; // minimum size for the slider.
// sadly can't be in '.slider'
// where it belongs
@@ -1861,13 +1863,28 @@ column-header.button.dnd { // for treeview-like derive widgets
.button {
border: none;
}
- &.trough { @extend .scrollbars-junction; }
+ &.trough {
+ background-color: $_scrollbar_bg_color;
+ border-left: 1px solid $borders_color;
+
+ &.horizontal {
+ border-left: none;
+ border-top: 1px solid $borders_color;
+ }
+ }
&.slider {
- border-radius: 20px;
+ border-radius: 21px 20px 20px 21px;
border: 3px solid transparent; //margin :/
- background-color: mix($bg_color, $fg_color, 60%);
+ border-left-width: 4px;
+ background-color: mix($fg_color, $bg_color, 40%);
+
+ &.horizontal {
+ border-radius: 21px 21px 20px 20px;
+ border-left-width: 3px;
+ border-top-width: 4px;
+ }
&:hover {
- background-color: mix($bg_color, $fg_color, 30%);
+ background-color: mix($fg_color, $bg_color, 25%);
}
&:prelight:active {
background-color: $selected_bg_color;
@@ -1887,7 +1904,7 @@ column-header.button.dnd { // for treeview-like derive widgets
.scrollbars-junction,
.scrollbars-junction.frame { // the small square between two scrollbars
border-color: transparent;
- background-color: $base_color;
+ background-color: $_scrollbar_bg_color;
}