[gnome-shell/wip/snwh/stylesheet-refresh-fixes] stylesheet: Small fixes for the 42 refresh - increase the looking glass outer radii - adjust the col

[Sam Hewitt <snwh src gnome org>]

commit e510319608fd0d29941675034fac2b3b003606e9
Author: Sam Hewitt <sam snwh org>
Date:   Mon Jan 17 13:14:25 2022 -0330

    stylesheet: Small fixes for the 42 refresh
    - increase the looking glass outer radii
    - adjust the colours to be less dark
    - fix oversized notification close icon
    - fix separators in popovers

 data/theme/gnome-shell-sass/_colors.scss                |  8 ++++----
 data/theme/gnome-shell-sass/widgets/_looking-glass.scss |  3 ++-
 data/theme/gnome-shell-sass/widgets/_message-list.scss  |  4 ++--
 data/theme/gnome-shell-sass/widgets/_popovers.scss      | 12 +++---------
 4 files changed, 11 insertions(+), 16 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_colors.scss b/data/theme/gnome-shell-sass/_colors.scss
index 32f7c815bf..31698b2aa8 100644
--- a/data/theme/gnome-shell-sass/_colors.scss
+++ b/data/theme/gnome-shell-sass/_colors.scss
@@ -1,15 +1,15 @@
 // When color definition differs for dark and light variant,
 // it gets @if-ed depending on $variant
 
-$base_color: if($variant == 'light', #fff, lighten(desaturate(#242424, 20%), 2%));
-$bg_color: if($variant == 'light', #f6f5f4, #242424);
+$base_color: if($variant == 'light', #fff, lighten(desaturate(#2a2a2a, 20%), 2%));
+$bg_color: if($variant == 'light', #f6f5f4, #2a2a2a);
 $fg_color: if($variant == 'light', transparentize(black, .2), white);
 
 $selected_fg_color: #fff;
 $selected_bg_color: if($variant == 'light', #3584e4, #1c71d8);
 $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 
30%));
 
-$borders_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 3%));
+$borders_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 4%));
 $borders_edge: if($variant == 'light', rgba(255,255,255,0.8), lighten($bg_color, 2%));
 
 $link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
@@ -22,7 +22,7 @@ $success_color: if($variant == 'light', #2ec27e, #26a269);
 $destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
 
 $osd_fg_color: white;
-$osd_bg_color: transparentize(desaturate(#242424, 100%),0.04);
+$osd_bg_color: transparentize(desaturate($bg_color, 100%),0.04);
 $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
 $osd_insensitive_fg_color: if($variant == 'light', mix($osd_fg_color, $osd_bg_color, 80%),  
mix($osd_fg_color, $osd_bg_color, 70%));
 $osd_borders_color: transparentize(black, 0.3);
diff --git a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss 
b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
index 2b9cb83028..6cda2705b9 100644
--- a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
+++ b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
@@ -3,12 +3,13 @@
 // Dialog
 #LookingGlassDialog {
   background-color: $osd_bg_color;
-  border-radius: 0 0 $base_border_radius $base_border_radius;
+  border-radius: 0 0 $modal_radius $modal_radius;
   border-top-width: 0;
   border: 1px solid $osd_outer_borders_color;
   color: $osd_fg_color;
   padding: $base_padding;
   spacing: $base_spacing;
+  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
 
   & > #Toolbar {
     border: none;
diff --git a/data/theme/gnome-shell-sass/widgets/_message-list.scss 
b/data/theme/gnome-shell-sass/widgets/_message-list.scss
index a583283826..dfcdf1a4f5 100644
--- a/data/theme/gnome-shell-sass/widgets/_message-list.scss
+++ b/data/theme/gnome-shell-sass/widgets/_message-list.scss
@@ -119,8 +119,8 @@
     color: $fg_color;
     background-color: transparentize($fg_color, 0.9);
     border-radius: 99px;
-    padding: $base_padding;
-    margin: 0;
+    padding: $base_padding - 1px;
+    margin: 1px;
     &:hover { 
       background-color: transparentize($fg_color, 0.8);
     }
diff --git a/data/theme/gnome-shell-sass/widgets/_popovers.scss 
b/data/theme/gnome-shell-sass/widgets/_popovers.scss
index 7a88e305d4..66afb2f996 100644
--- a/data/theme/gnome-shell-sass/widgets/_popovers.scss
+++ b/data/theme/gnome-shell-sass/widgets/_popovers.scss
@@ -125,8 +125,6 @@
   &:active {
     background-color: transparent;
   }
-
-  
   
   .popup-menu-ornament {
     min-width: 14px !important;
@@ -141,10 +139,6 @@
       border-radius: 0 0 $base_border_radius $base_border_radius;
     }
   }
-
-  .popup-separator-menu-item {
-    margin: 0;
-  }
 }
 
 // container for radio and check boxes
@@ -164,11 +158,11 @@
   .popup-separator-menu-item-separator {
     //-margin-horizontal: 24px;
     height: 1px; //not really the whole box
-    margin: $base_margin 4em;
-    background-color: lighten($borders_color, 2%);
+    margin: $base_margin 2em;
+    background-color: $borders_color;
 
     .popup-sub-menu & { //submenu separators
-      margin: 0 4em 0 3em; // balance it in the middle
+      margin:0 2em 0 0 !important; // balance it in the middle
       padding:0 !important;
       background-color: darken($hover_bg_color, 5%);
     }