ags: lot of stuff lmao

ags/style/_bar.scss

@@ -13,7 +13,7 @@
     @include mixins.reset-props;
 
     font-size: 12px;
-    font-weight: 500;
+    font-weight: 600;
   }
 
   // Style widget groups
@@ -194,4 +194,22 @@
       }
     }
   }
+
+  .logo {
+    & > box {
+      border-radius: 12px;
+      transition: 100ms linear;
+      padding: 0 8px;
+
+      & > label {
+        font-size: 14px;
+        margin-right: 1px;
+      }
+    }
+    &:hover {
+      & > box {
+        background: colors.$bg-primary;
+      }
+    }
+  }
 }

ags/style/_colors.scss

@@ -2,11 +2,11 @@
 @use "./wal";
 @use "./functions" as funs;
 
-$bg-primary: funs.toRGB(color.adjust($color: wal.$color1, $lightness: -35%));
+$bg-primary: funs.toRGB(color.adjust($color: wal.$color1, $lightness: -34%));
 $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: 72%));
+$bg-translucent: funs.toRGB(color.change($color: $bg-primary, $alpha: 75%));
 $fg-primary: wal.$foreground;
 $fg-light: $bg-primary;
 $fg-disabled: funs.toRGB(color.adjust($color: wal.$foreground, $lightness: -11%));

ags/style/_control-center.scss

@@ -65,3 +65,61 @@
     }
   }
 }
+
+.tiles-container {
+  @include mixins.reset-props;
+
+  & > flowbox {
+    & > flowboxchild .tile-eventbox {
+      &:hover:not(.toggled) > .tile {
+        background: colors.$bg-secondary;
+      }
+
+      &.toggled:hover > .tile {
+        box-shadow: inset 0 0 0 100px rgba($color: colors.$fg-primary, $alpha: .2);
+      }
+
+      &.toggled > .tile {
+        background: colors.$bg-secondary;
+      }
+
+      & > .tile {
+        background: colors.$bg-primary;
+        border-radius: 16px;
+
+        & > .content {
+          padding: 8px;
+          padding-right: 0;
+          & > .icon {
+            margin-right: 6px;
+          }
+
+          & > .text {
+            & > .title {
+              font-weight: 600;
+              font-size: 15.1px;
+            }
+
+            & > .description {
+              font-size: 13px;
+              font-weight: 400;
+            }
+          }
+        }
+
+        & > .more {
+          border-top-right-radius: inherit;
+          border-bottom-right-radius: inherit;
+
+          & label {
+            font-size: 16px;
+          }
+
+          &:hover {
+            box-shadow: inset 0 0 0 100px rgba($color: colors.$fg-disabled, $alpha: .4);
+          }
+        }
+      }
+    }
+  }
+}

ags/style/_wal.scss

@@ -1,26 +1,26 @@
 // SCSS Variables
 // Generated by 'wal'
-$wallpaper: "/home/joaov/wallpapers/Miku Bush.jpg";
+$wallpaper: "/home/joaov/wallpapers/Bocchi The Rock!.png";
 
 // Special
-$background: #0f1b06;
-$foreground: #c3c6c0;
-$cursor: #c3c6c0;
+$background: #0a0a0c;
+$foreground: #c1c1c2;
+$cursor: #c1c1c2;
 
 // Colors
-$color0: #0f1b06;
-$color1: #4e7278;
-$color2: #5b7b94;
-$color3: #71807c;
-$color4: #7b9882;
-$color5: #a3a881;
-$color6: #778591;
-$color7: #93988d;
-$color8: #626d59;
-$color9: #6898A1;
-$color10: #7AA5C6;
-$color11: #97ABA6;
-$color12: #A5CBAE;
-$color13: #DAE0AC;
-$color14: #9FB2C2;
-$color15: #c3c6c0;
+$color0: #0a0a0c;
+$color1: #935d6d;
+$color2: #967e84;
+$color3: #ac8486;
+$color4: #bcae7a;
+$color5: #a49c9c;
+$color6: #bcb79c;
+$color7: #8a8a96;
+$color8: #565669;
+$color9: #C57C92;
+$color10: #C9A9B0;
+$color11: #E6B1B3;
+$color12: #FBE8A3;
+$color13: #DBD1D0;
+$color14: #FBF5D1;
+$color15: #c1c1c2;