[gnome-shell-sass] theme > osd: light variant fixes; variables

[Florian Müllner <fmuellner src gnome org>]

commit c9c4c39d883bf6c7b44e042c5ad514bcfaf2bceb
Author: Sam Hewitt <sam snwh org>
Date:   Thu Dec 19 19:24:30 2019 -0500

    theme > osd: light variant fixes; variables
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/904

 widgets/_osd.scss | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)
---
diff --git a/widgets/_osd.scss b/widgets/_osd.scss
index 85ce2d5..f85124c 100644
--- a/widgets/_osd.scss
+++ b/widgets/_osd.scss
@@ -1,21 +1,29 @@
 /* OSD */
+
+$osd_levelbar_height:8px;
+
 .osd-window {
   @extend %osd_panel;
   text-align: center;
   font-weight: bold;
-  spacing: 1em;
-  margin: 32px;
+  spacing: $base_spacing * 2; // 12px
+  margin: $base_margin * 8; // 32px
   min-width: 64px;
   min-height: 64px;
 
+  StIcon {
+    icon-size:$base_icon_size * 6;
+  }
+
   .osd-monitor-label { font-size: 3em; }
+  
   .level {
-    height: 0.6em;
-    -barlevel-height: 0.6em;
-    -barlevel-background-color: transparentize($fg_color, if($variant=='light', 0.2, 0.9));
+    height: $osd_levelbar_height;
+    -barlevel-height: $osd_levelbar_height;
+    -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9));
     -barlevel-active-background-color: $osd_fg_color;
     -barlevel-overdrive-color: $destructive_color;
-    -barlevel-overdrive-separator-width: 0.2em;
+    -barlevel-overdrive-separator-width: 3px;
   }
 }