✨ feat(eww): add mediaplayer widget, fix workspaces, window and audio widgets

eww/styles/bar.scss

@@ -84,12 +84,22 @@ menu {
     border-radius: 16px;
 
     & > button {
-        padding: 0 9px;
-        border-radius: 50%;
+        padding: 0 0;
+        border-radius: 16px;
         margin: 0 2px;
         background: darken($color1, 20);
-    }
+        font-weight: 500;
 
+        &.active {
+            background: $color1;
+            font-weight: 600;
+            padding: 0 24px;
+        }
+
+        &:not(.active) {
+            padding: 0 10px;
+        }
+    }
 }
 .workspaces button:hover {
     color: $color1;
@@ -111,6 +121,24 @@ menu {
     }
 }
 
+.mediaplayer {
+    border-radius: 12px;
+    box-shadow: inset 0 0 0px 2px $color3;
+    padding: 0 4px;
+
+    & > label {
+        margin: 0 4px;
+        padding-right: 5px;
+        border-right: 2px solid $color3;
+    }
+
+    & > button {
+        padding: 0 7px;
+        border-radius: 4px;
+        margin: 2px 2px;
+    }
+}
+
 .notifications button {
     padding-left: 11px;
     padding-right: 11px;