brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme: match gtk sliders

Browse Source 
- FIXME: currently unable to stle the slider itself
  color sets the background color but no way to style the border as
  far as I can tell gazing at js/ui/slider.js
This commit is contained in:
Jakub Steiner 2019-05-30 10:23:10 +02:00
parent eed2d730bf
commit 3bac00dc72
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
data/theme/gnome-shell-sass/_common.scss
View File

@ -13,7 +13,7 @@ $bubble_outer_borders_color: if($variant=='light', transparentize(black, 0.6), $
$bubble_hover_bg_color: transparentize($bubble_fg_color, 0.94); $bubble_hover_bg_color: transparentize($bubble_fg_color, 0.94);
$bubble_active_bg_color: $selected_bg_color;//transparentize($bubble_fg_color, 0.84); $bubble_active_bg_color: $selected_bg_color;//transparentize($bubble_fg_color, 0.84);
$bubble_active_fg_color: $selected_fg_color; $bubble_active_fg_color: $selected_fg_color;
$_trough_color: transparentize($bubble_fg_color, 0.7); $_trough_color: transparentize($bubble_fg_color, 0.9);
/* Copyright 2009, 2015 Red Hat, Inc. /* Copyright 2009, 2015 Red Hat, Inc.
* *
@ -139,14 +139,20 @@ StScrollBar {
height: 1em; height: 1em;
-barlevel-height: 0.3em; -barlevel-height: 0.3em;
-barlevel-background-color: $_trough_color; //background of the trough -barlevel-background-color: $_trough_color; //background of the trough
-barlevel-border-color: transparent; //trough border color -barlevel-border-color: $borders_color; //trough border color
-barlevel-active-background-color: $selected_bg_color; //active trough fill -barlevel-active-background-color: $selected_bg_color; //active trough fill
-barlevel-active-border-color: transparent; //active trough border -barlevel-active-border-color: $selected_borders_color; //active trough border
-barlevel-overdrive-color: $destructive_color; -barlevel-overdrive-color: $destructive_color;
-barlevel-overdrive-border-color: darken($destructive_color,10%); -barlevel-overdrive-border-color: darken($destructive_color,10%);
-barlevel-overdrive-separator-width: 0.2em; -barlevel-overdrive-separator-width: 0.2em;
-barlevel-border-width: 1px; -barlevel-border-width: 1px;
-slider-handle-radius: 8px; -slider-handle-radius: 8px;
-slider-handle-border-width: 1px;
color: $fg_color; /* FIXME to match gtk, we'd need to style the border of the slider, not
the whole widget */
&:active {
color: $selected_bg_color; /* FIXME again, this should be border only */
}
} }
/* Check Boxes */ /* Check Boxes */