✨ ags(control-center/bluetooth): add more device management options

ags/style/_bar.scss

@@ -2,6 +2,7 @@
 @use "./mixins";
 @use "./colors";
 @use "./wal";
+@use "./functions";
 
 .bar-container {
   @include mixins.reset-props;
@@ -62,6 +63,10 @@
       background: colors.$bg-tertiary;
       margin: 3px 0;
 
+      &:not(.focus) {
+        @include mixins.hover-shadow2;
+      }
+
       &.focus {
         background: colors.$fg-primary;
         min-width: 31px;
@@ -93,6 +98,10 @@
     &.special-workspaces {
       & button {
         background: wal.$color4;
+
+        &:hover {
+          background: functions.toRGB(color.adjust(wal.$color4, $lightness: -6%));
+        }
       }
     }
   }

ags/style/_mixins.scss

@@ -19,3 +19,15 @@
     box-shadow: inset 0 0 0 500px rgba(colors.$fg-primary, .1);
   }
 }
+
+@mixin hover-shadow2 {
+  &:hover {
+    box-shadow: inset 0 0 0 500px rgba(colors.$fg-primary, .2);
+  }
+}
+
+@mixin hover-shadow3 {
+  &:hover {
+    box-shadow: inset 0 0 0 500px rgba(colors.$fg-primary, .3);
+  }
+}

ags/style/_wal.scss

@@ -1,26 +1,26 @@
 // SCSS Variables
 // Generated by 'wal'
-$wallpaper: "/home/joaov/wallpapers/Gumi Street Bike.jpg";
+$wallpaper: "/home/joaov/wallpapers/Frieren At The Funeral.jpg";
 
 // Special
-$background: #0d101f;
-$foreground: #c2c3c7;
-$cursor: #c2c3c7;
+$background: #181515;
+$foreground: #c5c4c4;
+$cursor: #c5c4c4;
 
 // Colors
-$color0: #0d101f;
-$color1: #586C8C;
-$color2: #649D93;
-$color3: #60AFB7;
-$color4: #96ABA0;
-$color5: #A3CCA4;
-$color6: #CFD8B4;
-$color7: #90929b;
-$color8: #5c6071;
-$color9: #698abf;
-$color10: #79c5b9;
-$color11: #85c4ca;
-$color12: #9bd4b4;
-$color13: #b3deb3;
-$color14: #dde4c2;
-$color15: #c2c3c7;
+$color0: #181515;
+$color1: #CA778C;
+$color2: #AA8C81;
+$color3: #AA8CAA;
+$color4: #DCA8AF;
+$color5: #B4ADC5;
+$color6: #D2B5C5;
+$color7: #9b9090;
+$color8: #715c5c;
+$color9: #d49ba9;
+$color10: #cfa08f;
+$color11: #d195d1;
+$color12: #e3bdc3;
+$color13: #c0b4df;
+$color14: #e4bfd3;
+$color15: #c5c4c4;