[libadwaita/wip/exalm/levelbars: 5/7] stylesheet: Update levelbar style

[Alexander Mikhaylenko <alexm src gnome org>]

commit ce1b515f1429f6d0a4ff398bfe0d6fc909d89144
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Thu May 20 02:45:31 2021 +0500

    stylesheet: Update levelbar style
    
    Match the new check style. Also remove a redundant border and instead use a
    box-shadow for HC. This is simpler and won't break if at some point the
    trough sets overflow=hidden.

 src/stylesheet/widgets/_level-bar.scss | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)
---
diff --git a/src/stylesheet/widgets/_level-bar.scss b/src/stylesheet/widgets/_level-bar.scss
index 512b3b3a..00079a3b 100644
--- a/src/stylesheet/widgets/_level-bar.scss
+++ b/src/stylesheet/widgets/_level-bar.scss
@@ -1,5 +1,5 @@
-$_levelbar_size: 9px;
-$_levelbar_border_radius: 5px;
+$_levelbar_size: 11px;
+$_levelbar_border_radius: 6px;
 
 levelbar {
   &.horizontal {
@@ -23,9 +23,9 @@ levelbar {
 
     // segmented level bar
     &.discrete > trough > block {
-      min-height: 2px;
+      min-height: 4px;
       margin: 1px;
-      min-width: 24px;
+      min-width: 26px;
       border-radius: 0;
 
       &:first-child {
@@ -47,7 +47,7 @@ levelbar {
     &.discrete > trough > block {
       min-width: $_levelbar_size - 7px;
       margin: 1px 0;
-      min-height: 32px;
+      min-height: 34px;
     }
   }
 
@@ -56,27 +56,25 @@ levelbar {
 
     // level bar colours
     > block {
-      border: 1px solid;
-
       &.low {
-        border-color: $warning_color;
         background-color: $warning_color;
       }
 
       &.high,
       &:not(.empty) {
-        border-color: $selected_bg_color;
         background-color: $selected_bg_color;
       }
 
       &.full {
-        border-color: $success_color;
         background-color: $success_color;
       }
 
       &.empty {
-        background-color: darken($bg_color, 5%);
-        border-color: darken($bg_color, 5%);
+        background-color: transparentize($text_color, .85);
+
+        @if $contrast == "high" {
+          box-shadow: inset 0 0 0 1px $borders_color;
+        }
       }
     }
   }