💄 ags(style): add styles for slider marks and more improvements

ags/style.scss

@@ -210,3 +210,19 @@ scrollbar trough {
     padding: 0 2px;
   }
 }
+
+slider, scale {
+  & marks mark {
+    & indicator {
+      color: colors.$fg-disabled;
+      min-width: 1px;
+      min-height: 6px;
+    }
+
+    & label {
+      font-size: 11px;
+      font-weight: 400;
+      color: colors.$fg-disabled;
+    }
+  }
+}

ags/style/_apps-window.scss

@@ -14,7 +14,7 @@
     padding: 10px 9px;
     margin-bottom: 32px;
     border-radius: 12px;
-    min-width: 350px;
+    min-width: 400px;
 
     &:focus {
       box-shadow: inset 0 0 0 2px colors.$bg-secondary;

ags/style/_logout-menu.scss

@@ -1,12 +1,16 @@
+@use "./colors";
+
 .logout-menu {
   .top {
     .time {
       font-size: 128px;
       font-weight: 900;
+      text-shadow: 1px 1px 2px colors.$bg-translucent;
     }
     .date {
       font-size: 24px;
       font-weight: 500;
+      text-shadow: 1px 1px 2px colors.$bg-translucent;
     }
   }
   .button-row {

ags/style/_wal.scss

@@ -1,26 +1,26 @@
 // SCSS Variables
 // Generated by 'wal'
-$wallpaper: "/home/joaov/wallpapers/Frieren Night Film.jpeg";
+$wallpaper: "/home/joaov/wallpapers/Frieren Underwater.jpg";
 
 // Special
-$background: #16131b;
-$foreground: #c4c4c6;
-$cursor: #c4c4c6;
+$background: #0a1d30;
+$foreground: #c1c6cb;
+$cursor: #c1c6cb;
 
 // Colors
-$color0: #16131b;
-$color1: #5D6893;
-$color2: #96768D;
-$color3: #5E98BA;
-$color4: #6E9EC4;
-$color5: #A3969E;
-$color6: #BEB4BA;
-$color7: #96909b;
-$color8: #655d71;
-$color9: #7080c2;
-$color10: #c87fb3;
-$color11: #85b1cb;
-$color12: #93b5d0;
-$color13: #d297ba;
-$color14: #dfb4cf;
-$color15: #c4c4c6;
+$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;