✨ chore: make workspaces fit in a single widget, add keyboard support for the logout menu

ags/style/_bar.scss

@@ -5,8 +5,6 @@
 @use "./functions";
 
 .bar-container {
-  @include mixins.reset-props;
-
   padding: 6px;
   padding-bottom: 0px;
 
@@ -29,7 +27,7 @@
 
     & > eventbox {
       &:hover {
-        & > box:not(.workspaces):not(.special-workspaces) {
+        & > box {
           background: $color-hover;
         }
       }
@@ -38,7 +36,7 @@
         margin: $padding 0;
       }
 
-      & > box:not(.workspaces):not(.special-workspaces) {
+      & > box {
         padding: 0 8px;
       }
     }
@@ -55,16 +53,15 @@
     }
   }
 
-  .workspaces, .special-workspaces {
-    @include mixins.reset-props;
-    padding: 0 4px;
+  .workspaces-row {
+    padding: 4px;
 
-    & > eventbox {
+    & eventbox > box > eventbox {
       & > box {
         margin: 3px 0;
         border-radius: 16px;
         transition: 80ms linear;
-        min-width: 15px;
+        min-width: 16px;
         padding: 0 6px;
         background: colors.$bg-tertiary;
 
@@ -182,8 +179,6 @@
     padding: 0 6px;
 
     & .item {
-      all: unset;
-
       &:hover {
         background: none;
       }

ags/style/_control-center.scss

@@ -23,6 +23,10 @@
     }
   }
 
+  /*& eventbox:focus, & button:focus {
+    box-shadow: inset 0 0 0 1px colors.$fg-primary;
+  }*/
+
   & .quickactions {
     margin-bottom: .8em;
 
@@ -188,6 +192,10 @@ box.history {
     & button {
       padding: 6px;
 
+      &:focus {
+        box-shadow: inset 0 0 0 1px colors.$fg-primary;
+      }
+
       & icon {
         font-size: 16px;
       }

ags/style/_logout-menu.scss

@@ -24,6 +24,10 @@
         font-size: 128px;
       }
 
+      &:focus {
+        box-shadow: inset 0 0 0 5px colors.$fg-primary;
+      }
+
       margin: {
         left: 4px;
         right: 4px;

ags/style/_wal.scss

@@ -1,26 +1,26 @@
 // SCSS Variables
 // Generated by 'wal'
-$wallpaper: "/home/joaov/wallpapers/Gumi Forest Sunlight.jpg";
+$wallpaper: "/home/joaov/wallpapers/Frieren Ring.jpeg";
 
 // Special
-$background: #2a2825;
-$foreground: #c9c9c8;
-$cursor: #c9c9c8;
+$background: #523c42;
+$foreground: #d3cecf;
+$cursor: #d3cecf;
 
 // Colors
-$color0: #2a2825;
-$color1: #6a6a3b;
-$color2: #7b7b48;
-$color3: #908a45;
-$color4: #7e876d;
-$color5: #8a9680;
-$color6: #a5a679;
-$color7: #a29f98;
-$color8: #7d7667;
-$color9: #8E8E4F;
-$color10: #A5A560;
-$color11: #C0B85C;
-$color12: #A9B592;
-$color13: #B9C8AB;
-$color14: #DDDEA2;
-$color15: #c9c9c8;
+$color0: #523c42;
+$color1: #6c839d;
+$color2: #7a84a4;
+$color3: #9f8a9d;
+$color4: #84a2b5;
+$color5: #9f9cab;
+$color6: #b7a1b2;
+$color7: #b0a7a9;
+$color8: #937b81;
+$color9: #90AFD2;
+$color10: #A3B0DB;
+$color11: #D4B9D2;
+$color12: #B0D9F2;
+$color13: #D5D0E5;
+$color14: #F5D7EE;
+$color15: #d3cecf;