💄 ags(style): update styles

ags/style/_center-window.scss

@@ -1,7 +1,6 @@
 @use "sass:color";
 @use "./wal";
 @use "./colors";
-@use "./functions" as funs; 
 
 .center-window-container {
   background: colors.$bg-translucent;

ags/style/_control-center.scss

@@ -71,6 +71,11 @@ box.history {
   background: colors.$bg-translucent;
   border-radius: 24px;
   padding: 20px 14px;
+  transition: 120ms linear;
+
+  &.hide {
+    opacity: 0;
+  }
 
   & .notifications {
     & .notification {
@@ -160,7 +165,7 @@ box.history {
   border-radius: 24px;
 
   & .header {
-    margin-bottom: 6px;
+    margin-bottom: 12px;
 
     & > .title:first-child {
       font-size: 20px;
@@ -172,11 +177,16 @@ box.history {
       font-weight: 500;
       color: colors.$fg-disabled;
     }
+
+    & button label {
+      font-size: 14px;
+    }
   }
 
   & .sub-header {
-    font-size: 18px;
+    font-size: 14px;
     font-weight: 500;
+    margin-bottom: 6px;
   }
 
   & button {
@@ -190,5 +200,9 @@ box.history {
     button.connected {
       background: colors.$bg-tertiary;
     }
+
+    &.paired {
+      margin-bottom: 20px;
+    }
   }
 }

ags/style/_runner.scss

@@ -2,13 +2,15 @@
 
 .runner.main {
   background: colors.$bg-translucent;
-  padding: 12px;
-  border-radius: 24px;
+  padding: 10px;
+  border-radius: 22px;
 
   & entry {
     background: colors.$bg-primary;
     padding: 10px 9px;
     border-radius: 12px;
+    margin-bottom: 1px;
+    min-height: 1.4em;
 
     &:focus {
       box-shadow: inset 0 0 0 2px colors.$bg-secondary;
@@ -20,6 +22,8 @@
   }
 
   & list {
+    all: unset;
+
     & > *:selected > .result,
     & > *:active > .result,
     & > *:hover > .result {

ags/style/_wal.scss

@@ -1,26 +1,26 @@
 // SCSS Variables
 // Generated by 'wal'
-$wallpaper: "/home/joaov/wallpapers/Gumi Bridge.jpg";
+$wallpaper: "/home/joaov/wallpapers/Frieren Underwater.jpg";
 
 // Special
-$background: #253d36;
-$foreground: #c8cecc;
-$cursor: #c8cecc;
+$background: #0a1d30;
+$foreground: #c1c6cb;
+$cursor: #c1c6cb;
 
 // Colors
-$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;
+$color0: #0a1d30;
+$color1: #13A9D8;
+$color2: #4EAED3;
+$color3: #2AC9EB;
+$color4: #97A0AB;
+$color5: #D1B8B5;
+$color6: #9CB6CD;
+$color7: #93989d;
+$color8: #606b76;
+$color9: #6eadc0;
+$color10: #8abacd;
+$color11: #84bdca;
+$color12: #9cb2d4;
+$color13: #e3c2bf;
+$color14: #afc8dd;
+$color15: #c1c6cb;