[gnome-shell/wip/snwh/style-updates] theme: fix drawing for bubble buttons - light them adjustments - new color for bubble buttons

[Sam Hewitt <snwh src gnome org>]

commit ae576f0959771cf47aca7233df542ef02aa8de64
Author: Sam Hewitt <sam snwh org>
Date:   Thu Jan 13 17:38:09 2022 -0330

    theme: fix drawing for bubble buttons
     - light them adjustments
     - new color for bubble buttons

 data/theme/gnome-shell-sass/_common.scss                 | 15 +++++++--------
 data/theme/gnome-shell-sass/widgets/_network-dialog.scss |  2 ++
 data/theme/gnome-shell-sass/widgets/_slider.scss         |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index be4a2ace7f..69c450485f 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -38,17 +38,16 @@ $modal_radius: $base_border_radius*2; // 24px
 
 // non-standard colors
 $bubble_borders_color: lighten($borders_color, if($variant=='light', 0%, 5%));
+$bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 4%));
 // $bubble_borders_color: if($variant == 'light', rgba(255,255,255,0.1), rgba(0,0,0,0.3));
 
-// hover
+// derived hover colors
 $hover_bg_color: if($variant=='light', darken($bg_color, 3%), lighten($bg_color, 7%));
 $hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 7%));
-$hover_borders_color: lighten($borders_color,if($variant=='light', 5%, 3%));
 
-// active
-$active_bg_color: if($variant == 'light', darken($bg_color, 9%), darken($bg_color, 2%));
+// derived active colors
+$active_bg_color: darken($bubble_buttons_color,if($variant=='light', 9%, 2%));
 $active_fg_color: darken($fg_color,if($variant=='light', 5%, 3%));
-$active_borders_color: darken($borders_color,if($variant=='light', 5%, 3%));
 
 // fonts
 $base_font_size: 11;
@@ -131,11 +130,11 @@ $bubble_button_radius:$base_border_radius*1.25;
   border-radius: 0;
   border-right-width: 1px !important; 
 
-  @include button(normal, lighten($bg_color, 5%), $shadow: none);
+  @include button(normal, $bubble_buttons_color, $shadow: none);
   &:insensitive { @include button(insensitive, $shadow: none); }
   &:focus { @include button(focus, $shadow: none); }
-  &:hover { @include button(hover, lighten($hover_bg_color, 5%), $shadow: none); }
-  &:active { @include button(active, lighten($active_bg_color, 5%), $shadow: none); }
+  &:hover { @include button(hover, $bubble_buttons_color, $shadow: none); }
+  &:active { @include button(active, $bubble_buttons_color, $shadow: none); }
   
   &:first-child {
     border-radius: 0 0 0 $bubble_button_radius; 
diff --git a/data/theme/gnome-shell-sass/widgets/_network-dialog.scss 
b/data/theme/gnome-shell-sass/widgets/_network-dialog.scss
index c7cd3e2ee8..13e5c341df 100644
--- a/data/theme/gnome-shell-sass/widgets/_network-dialog.scss
+++ b/data/theme/gnome-shell-sass/widgets/_network-dialog.scss
@@ -55,6 +55,8 @@
   border: none;
   padding: $base_padding * 2;
   spacing: 0px;
+  text-shadow: none;
+  icon-shadow: none;
 
   &:selected {
     background-color: $selected_bg_color;
diff --git a/data/theme/gnome-shell-sass/widgets/_slider.scss 
b/data/theme/gnome-shell-sass/widgets/_slider.scss
index f02c5ec7d3..8f6c49e368 100644
--- a/data/theme/gnome-shell-sass/widgets/_slider.scss
+++ b/data/theme/gnome-shell-sass/widgets/_slider.scss
@@ -6,7 +6,7 @@ $slider_size: 16px;
   height: $slider_size;
   // slider trough
   -barlevel-height: 4px;
-  -barlevel-background-color: transparentize($fg_color, 0.8); //background of the trough
+  -barlevel-background-color: if($variant == 'light', transparentize($fg_color, 0.6), 
transparentize($fg_color, 0.8)); //background of the trough
   -barlevel-border-width: 2px; 
   -barlevel-border-color: transparent; // trough border color
   // fill style