✨ feat(ags/notifications): add support to actions in floating notifications(popups)

ags/style/_colors.scss

@@ -7,6 +7,7 @@ $bg-secondary: funs.toRGB(color.adjust($color: wal.$color1, $lightness: -16%));
 $bg-tertiary: funs.toRGB(color.adjust($color: $bg-secondary, $lightness: 10%));
 $bg-light: wal.$foreground;
 $bg-translucent: funs.toRGB(color.change($color: $bg-primary, $alpha: 75%));
+$bg-translucent-secondary: funs.toRGB(color.change($color: $bg-translucent, $alpha: 78%));
 $fg-primary: wal.$foreground;
 $fg-light: $bg-primary;
 $fg-disabled: funs.toRGB(color.adjust($color: wal.$foreground, $lightness: -11%));

ags/style/_control-center.scss

@@ -145,6 +145,11 @@
     }
   }
 
+  & .sub-header {
+    font-size: 18px;
+    font-weight: 500;
+  }
+
   &.bluetooth {
     .connections button {
       @include mixins.hover-shadow;

ags/style/_float-notifications.scss

@@ -9,6 +9,6 @@
 
   & > .notification {
     margin: 6px;
-    box-shadow: 0 0 4px .5px colors.$bg-translucent;
+    box-shadow: 0 0 4px .5px colors.$bg-primary;
   }
 }

ags/style/_mixins.scss

@@ -35,11 +35,13 @@
       &:first-child {
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
+        margin-left: 0;
       }
 
       &:last-child {
         border-top-right-radius: 10px;
         border-bottom-right-radius: 10px;
+        margin-right: 0;
       }
     }
   }