💄 chore(style): update styles

ags/style.scss

@@ -268,7 +268,7 @@ trough highlight {
 
 trough slider {
   border-radius: 50%;
-  margin: -2px 0;
+  margin: -4px 0;
   background: wal.$foreground;
   min-width: 1.2em;
   min-height: 1.2em;

ags/style/_apps-window.scss

@@ -1,7 +1,7 @@
 @use "sass:color";
 @use "./colors";
 
-.apps-window-container {
+.apps-window .popup-window-container {
   $radius: 48px;
 
   padding: 28px;
@@ -9,7 +9,7 @@
   border-radius: $radius $radius 0 0;
 
   & entry {
-    background: rgba(colors.$bg-primary, .4);
+    background: transparent;
     margin-bottom: 32px;
     min-width: 450px;
     padding: 14px;
@@ -17,6 +17,7 @@
 
     &:focus-within {
       box-shadow: inset 0 0 0 2px colors.$bg-tertiary;
+      background: rgba(colors.$bg-primary, .2);
     }
   }
 

ags/style/_control-center.scss

@@ -77,10 +77,6 @@
     }
 
     & .page .content {
-      & > eventbox > box {
-        margin: 6px 0;
-      }
-
       & label.name {
         font-size: 14px;
         font-weight: 500;
@@ -100,7 +96,7 @@
     }
   }
 
-  & .page {
+  & #page {
     transition: 120ms linear;
     background: colors.$bg-secondary;
     padding: 14px;
@@ -109,12 +105,12 @@
     & .header {
       margin-bottom: 12px;
 
-      & .top > .title {
+      & .top .title {
         font-size: 20px;
         font-weight: 600;
       }
 
-      & > .description {
+      & .description {
         font-size: 12px;
         font-weight: 500;
         color: colors.$fg-disabled;
@@ -127,11 +123,21 @@
       margin-bottom: 4px;
     }
 
-    & button {
-      padding: 6px;
-      border-radius: 12px;
+    & .page-button, .extra-buttons {
+      & button {
+        padding: 6px;
+        border-radius: 12px;
 
-      & label {
+        &:hover {
+          background: rgba(colors.$fg-primary, .1);
+        }
+
+        &:active {
+          border-radius: 10px;
+        }
+      }
+
+      & label.title {
         font-size: 14px;
       }
 
@@ -144,10 +150,6 @@
       & icon {
         font-size: 16px;
       }
-
-      &:hover {
-        background: rgba(colors.$fg-primary, .1);
-      }
     }
 
     & .bottom-buttons button {
@@ -165,8 +167,13 @@
 
     & .extra-buttons {
       margin-left: 2px;
-      & > button {
-        border-radius: 12px;
+
+      button {
+        border-radius: 10px;
+
+        &:active {
+          border-radius: 8px;
+        }
       }
     }
   }
@@ -251,8 +258,7 @@
   }
 }
 
-.tile-pages .page {
-  transition: 180ms linear;
+.tile-pages #page {
   margin-top: 10px;
 
   &.bluetooth {
@@ -260,10 +266,6 @@
       background: colors.$bg-tertiary;
     }
   }
-
-  &.revealed {
-    padding-top: 12px;
-  }
 }
 
 box.notif-history {

ags/style/_runner.scss

@@ -21,14 +21,17 @@
       box-shadow: none;
     }
 
-    & image.left {
+    & image {
       margin-right: 6px;
+      -gtk-icon-size: 16px;
     }
   }
 
-  & list {
-    padding: 6px;
+  & scrolledwindow {
+    margin: 6px;
+  }
 
+  & list {
     & .result {
       padding: 10px;
       background: colors.$bg-primary;

ags/style/_wal.scss

@@ -1,26 +1,26 @@
 // SCSS Variables
 // Generated by 'wal'
-$wallpaper: "/home/joaov/wallpapers/Frieren Battleground.jpg";
+$wallpaper: "/home/joaov/wallpapers/Frieren Underwater.jpg";
 
 // Special
-$background: #181515;
-$foreground: #c5c4c4;
-$cursor: #c5c4c4;
+$background: #0a1d30;
+$foreground: #c1c6cb;
+$cursor: #c1c6cb;
 
 // Colors
-$color0: #181515;
-$color1: #975969;
-$color2: #7f6960;
-$color3: #7f697f;
-$color4: #a57e83;
-$color5: #878193;
-$color6: #9d8793;
-$color7: #9b9090;
-$color8: #715c5c;
-$color9: #CA778C;
-$color10: #AA8C81;
-$color11: #AA8CAA;
-$color12: #DCA8AF;
-$color13: #B4ADC5;
-$color14: #D2B5C5;
-$color15: #c5c4c4;
+$color0: #0a1d30;
+$color1: #0e7ea2;
+$color2: #3a829e;
+$color3: #1f96b0;
+$color4: #717880;
+$color5: #9c8a87;
+$color6: #758899;
+$color7: #93989d;
+$color8: #606b76;
+$color9: #13A9D8;
+$color10: #4EAED3;
+$color11: #2AC9EB;
+$color12: #97A0AB;
+$color13: #D1B8B5;
+$color14: #9CB6CD;
+$color15: #c1c6cb;