✨ feat(bar/animations): add scale animation on apps button, fade animation on ws numbers

ags/style/_bar.scss

@@ -73,9 +73,17 @@
         }
       }
 
+      &.show {
+        // Smooth showing
+        & label.id {
+          opacity: 1;
+        }
+      }
+
       & label.id {
         font-weight: 600;
         margin-right: 4px;
+        opacity: 0;
       }
 
       & icon {
@@ -235,15 +243,34 @@
     & > box {
       border-radius: 12px;
       transition: 100ms linear;
-      padding: 0 8px;
+      min-width: 28px;
+      padding: 0 4px;
 
-      & > label {
+      & > icon {
+        transition: 120ms linear;
         font-size: 14px;
       }
     }
     &:hover {
       & > box {
         background: colors.$bg-primary;
+
+        & > icon {
+          font-size: 15px;
+          -gtk-icon-transform: scale(1.12);
+        }
+      }
+    }
+    &:active {
+      & > box {
+        @include mixins.hover-shadow;
+
+        background: colors.$bg-primary;
+
+        & > icon {
+          font-size: 15px;
+          -gtk-icon-transform: scale(1);
+        } 
       }
     }
   }

ags/style/_control-center.scss

@@ -72,12 +72,21 @@ box.history {
   border-radius: 24px;
   padding: 20px 14px;
 
+  & .notifications {
+    & .notification {
+      background: colors.$bg-primary;
+    }
+  }
+
   & > .button-row {
     margin-top: 12px;
     & button {
+      padding: 6px;
+
       & label.nf {
         font-size: 16px;
       }
+
       & label:not(.nf) {
         font-size: 12px;
         font-weight: 600;

ags/style/_wal.scss

@@ -1,26 +1,26 @@
 // SCSS Variables
 // Generated by 'wal'
-$wallpaper: "/home/joaov/wallpapers/Balcony Girl.png";
+$wallpaper: "/home/joaov/wallpapers/Gumi Bridge.jpg";
 
 // Special
-$background: #191c24;
-$foreground: #c5c6c8;
-$cursor: #c5c6c8;
+$background: #253d36;
+$foreground: #c8cecc;
+$cursor: #c8cecc;
 
 // Colors
-$color0: #191c24;
-$color1: #6F7587;
-$color2: #798C8F;
-$color3: #9E9A99;
-$color4: #C9B196;
-$color5: #D1BAAA;
-$color6: #DBC7A5;
-$color7: #94969e;
-$color8: #616777;
-$color9: #7486c3;
-$color10: #7dbac7;
-$color11: #d2a495;
-$color12: #dac4ab;
-$color13: #e1cab9;
-$color14: #e2d4bc;
-$color15: #c5c6c8;
+$color0: #253d36;
+$color1: #2FA4CE;
+$color2: #56B5D4;
+$color3: #5FC1CA;
+$color4: #63CBDF;
+$color5: #B1BBA4;
+$color6: #9BD7E1;
+$color7: #9ca6a3;
+$color8: #6c847e;
+$color9: #77b0c5;
+$color10: #8ebfcf;
+$color11: #8ec9cf;
+$color12: #9ccbd4;
+$color13: #c5daab;
+$color14: #badce1;
+$color15: #c8cecc;