by roundabout, Thursday, 27 February 2020, 16:53:07 (1582822387), pushed by roundabout, Sunday, 11 May 2025, 13:22:48 (1746969768)
Author identity: nana-4 <hnmaigo@gmail.com>
b912a5c871963ed6a84994ddfe88ff4ddd948298
src/_sass/gnome-shell/_common-3.26.scss
@@ -45,20 +45,6 @@ StScrollBar {
}
}
/* Slider */
.slider {
height: 20px;
color: $primary;
-slider-height: 2px;
-slider-background-color: $stroke; //background of the trough
-slider-border-color: transparent; //trough border color
-slider-active-background-color: $primary; //active trough fill
-slider-active-border-color: transparent; //active trough border
-slider-border-width: 0;
-slider-handle-radius: 6px;
}
/* Modal Dialogs */
.headline { @include type(headline6); }
src/_sass/gnome-shell/_common-3.28.scss
@@ -45,20 +45,6 @@ StScrollBar {
}
}
/* Slider */
.slider {
height: 20px;
color: $primary;
-slider-height: 2px;
-slider-background-color: $stroke; //background of the trough
-slider-border-color: transparent; //trough border color
-slider-active-background-color: $primary; //active trough fill
-slider-active-border-color: transparent; //active trough border
-slider-border-width: 0;
-slider-handle-radius: 6px;
}
/* Modal Dialogs */
.headline { @include type(headline6); }
src/_sass/gnome-shell/_common-3.30.scss
@@ -45,23 +45,6 @@ StScrollBar {
}
}
/* Slider */
.slider {
height: 20px;
color: $primary;
-barlevel-height: 2px;
-barlevel-background-color: $stroke; //background of the trough
-barlevel-border-color: transparent; //trough border color
-barlevel-active-background-color: $primary; //active trough fill
-barlevel-active-border-color: transparent; //active trough border
-barlevel-overdrive-color: $error;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
-slider-handle-radius: 6px;
}
/* Modal Dialogs */
.headline { @include type(headline6); }
src/_sass/gnome-shell/_common-3.32.scss
@@ -45,23 +45,6 @@ StScrollBar {
}
}
/* Slider */
.slider {
height: 20px;
color: $primary;
-barlevel-height: 2px;
-barlevel-background-color: $stroke; //background of the trough
-barlevel-border-color: transparent; //trough border color
-barlevel-active-background-color: $primary; //active trough fill
-barlevel-active-border-color: transparent; //active trough border
-barlevel-overdrive-color: $error;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
-slider-handle-radius: 6px;
}
/* Modal Dialogs */
.headline { @include type(headline6); }
src/_sass/gnome-shell/_common-3.34.scss
@@ -45,27 +45,6 @@ StScrollBar {
}
}
/* Slider */
.slider {
height: 20px;
-barlevel-height: 2px;
-barlevel-background-color: $stroke; //background of the trough
-barlevel-border-color: transparent; //trough border color
-barlevel-active-background-color: $primary; //active trough fill
-barlevel-active-border-color: transparent; //active trough border
-barlevel-overdrive-color: $error;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
-slider-handle-radius: 6px;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent;
color: $primary;
&:hover { color: $primary; }
&:active { color: $primary; }
}
/* Modal Dialogs */
.headline { @include type(headline6); }
src/_sass/gnome-shell/_components.scss
@@ -10,7 +10,7 @@
@import 'components/button';
@import 'components/check-box';
@import 'components/switch';
// @import 'components/slider';
@import 'components/slider';
// @import 'components/scrollbar';
// Popovers
// @import 'components/menu/menu';
src/_sass/gnome-shell/components/_slider.scss
@@ -1,27 +1,42 @@
/* Slider */
$slider_size: 15px;
$handle-size: 12px;
.slider {
height: $slider_size;
// slider trough
-barlevel-height: 3px; // has to be an odd number
-barlevel-background-color: $borders_color; //background of the trough
-barlevel-border-width: 1px;
-barlevel-border-color: $borders_color; // trough border color
// fill style
-barlevel-active-background-color: $selected_bg_color; //active trough fill
-barlevel-active-border-color: if($variant == 'light', darken($selected_bg_color, 4%), lighten($selected_bg_color, 2%)); //active trough border
// overfill style (red in this case)
-barlevel-overdrive-color: $destructive_color;
-barlevel-overdrive-border-color: if($variant == 'light', darken($destructive_color, 4%), lighten($destructive_color, 2%)); //trough border when red;
-barlevel-overdrive-separator-width:1px;
// slider hander
-slider-handle-radius: $slider_size * 0.5; // half the size of the size
-slider-handle-border-width: 1px;
-slider-handle-border-color: if($variant == 'light', $borders_color, $fg_color);
height: 20px;
color: if($variant == 'light', lighten($bg_color, 10%), $fg_color);
&:hover { color: $hover_bg_color; }
&:active { color: $active_bg_color; }
}
@if $version >= 3.30 {
// slider trough
-barlevel-height: 2px;
-barlevel-border-width: 0;
-barlevel-border-color: transparent;
-barlevel-background-color: $stroke;
// fill style
-barlevel-active-border-color: transparent;
-barlevel-active-background-color: $primary;
// overfill style
-barlevel-overdrive-color: $error;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 2px;
} @else {
// slider trough
-slider-height: 2px;
-slider-border-width: 0;
-slider-border-color: transparent;
-slider-background-color: $stroke;
// fill style
-slider-active-border-color: transparent;
-slider-active-background-color: $primary;
}
// slider handle
-slider-handle-radius: $handle-size / 2;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent;
&,
&:hover,
&:active {
color: $primary;
}
}