Update astal widgets

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

hosts/common/configs/user/gui/astal/theme.sass

@@ -1,5 +1,5 @@
-.bar
-  background-color: {{colors.surface.default.hex}}
+.root
+  background-color: transparent
 
   @mixin interactive
     min-height: {{custom.font_size}}pt
@@ -16,8 +16,16 @@
     &:active
       background-color: {{colors.surface_container_highest.default.hex}}
 
+  .trigger-guard
+    min-height: 5pt
+    background-color: transparent
+
   .widgets
-    padding: 2pt
+    margin: 5pt
+    padding: 5pt
+    background-color: {{colors.surface.default.hex}}
+    border-radius: {{custom.font_size}}pt
+    border: 2px solid {{colors.outline.default.hex}}
 
     .launcher
       @include interactive
@@ -71,3 +79,6 @@
           font-size: {{custom.font_size}}pt
           padding: 0 2pt
           color: {{colors.on_surface.default.hex}}
+
+    .battery
+      @include interactive