fix(ags): OSD

config/ags/style/widgets/osd.scss

@@ -1,26 +1,28 @@
 window.indicator {
-    .progress {
-        @include floating-widget;
-        padding: $padding * .5;
-        border-radius: if($radius >0, calc($radius + $padding*.5), 0);
-        @debug $radius;
+  .progress {
+    @include floating-widget;
+    padding: $padding * 0.5;
+    border-radius: if($radius >0, calc($radius + $padding * 0.5), 0);
+    background: rgba(30, 32, 48, 0.5);
+    background: rgba(255, 255, 255, 0.5);
+    @debug $radius;
 
-        .fill {
-            border-radius: $radius;
-            background-color: $primary-bg;
-            color: $primary-fg;
+    .fill {
+      border-radius: $radius;
+      background-color: $primary-bg;
+      color: $primary-fg;
 
-            image {
-                -gtk-icon-transform: scale(0.7);
-            }
-        }
+      image {
+        -gtk-icon-transform: scale(0.7);
+      }
     }
+  }
 
-    .microphone {
-        @include floating-widget;
-        margin: $spacing * 2;
-        padding: $popover-padding * 2;
-        font-size: 58px;
-        color: transparentize($fg, .1)
-    }
+  .microphone {
+    @include floating-widget;
+    margin: $spacing * 2;
+    padding: $popover-padding * 2;
+    font-size: 58px;
+    color: transparentize($fg, 0.1);
+  }
 }

config/ags/widget/osd/OSD.ts

@@ -27,12 +27,13 @@ function OnScreenProgress(vertical: boolean) {
   })
 
   let count = 0
-  let last = 0
+  let last = -1
   function show(value: number, icon: string) {
-    revealer.reveal_child = true
-    indicator.icon = icon
+    if (last === -1) last = value
     if (value === last) return
     last = value
+    revealer.reveal_child = true
+    indicator.icon = icon
     progress.setValue(value)
     count++
     Utils.timeout(DELAY, () => {