✨ feat(eww): use gnome-like workspaces in bar

eww/styles/bar.scss

@@ -80,36 +80,39 @@ menu {
 }
 
 .workspaces {
-    padding: 2px 6px;
-    border-radius: 16px;
+    padding: 2px 0px;
+    border-radius: 10px;
 
     & > button {
         padding: 0 0;
         border-radius: 16px;
         margin: 0 2px;
-        background: darken($color1, 20);
-        font-weight: 500;
+        background: $color1;
+        transition: ease-in 80ms;
+        transition-property: all;
 
         &.active {
-            background: $color1;
-            font-weight: 600;
-            padding: 0 24px;
+            padding: 0 22px;
+            background: $foreground;
         }
 
-        &:not(.active) {
-            padding: 0 10px;
+        &.default {
+            padding: 0 12px;
         }
     }
 }
-.workspaces button:hover {
-    color: $color1;
-}
 
 .distro-logo {
-    padding: 0 16px;
+    padding: 0 14px;
 
-    & label {
+    & > button {
+        padding: 0;
+        margin: 0;
+    }
+
+    & > label {
         font-size: 15px;
+        padding-right: 2px;
     }
 }