✨ feat(waybar): full, instead of only left, center and right mods

waybar/config.jsonc

@@ -2,7 +2,7 @@
     "position": "top",
     "layer": "top",
     "spacing": 0, 
-    "margin": 0,
+    "margin": 6,
     "reload_style_on_change": true,
     "modules-left": [
         "custom/logo",
@@ -85,7 +85,7 @@
     },
 
     "custom/logo": {
-        "format": "", // Change to desired logo
+        "format": "", // Change to desired logo
         "tooltip": false,
         "escape": true,
         "on-click": "anyrun" // Change to desired action
@@ -177,7 +177,7 @@
     "network": {
         // "interface": "wlp2*", // (Optional) To force the use of this interface
         "format-wifi": "{icon}",
-        "format-ethernet": "",
+        "format-ethernet": "",
         "tooltip-format": "<tt>{ifname}\t{ipaddr}\n {bandwidthUpBits}\n {bandwidthDownBits}</tt>",
         "tooltip-format-disconnected": "<tt>Disconnected</tt>",
         "tooltip-format-wifi": "<tt>󰤨 {essid}\n {bandwidthUpBits}\n {bandwidthDownBits}</tt>",
@@ -192,8 +192,8 @@
         "format-muted": "",
         "format-icons": {
             "headphone": "",
-            "hands-free": "",
+            "hands-free": "󰥰",
-            "headset": "",
+            "headset": "󰋎",
             "phone": "",
             "phone-muted": "",
             "portable": "",

waybar/modules.css

@@ -3,14 +3,12 @@
 
 /* Distro Logo */
 #custom-logo {
-    padding-left: 12px;
+    padding: 0 12px;
-    padding-right: 18px;
     font-size: 15.2px;
     transition: 110ms ease-in;
     margin-right: 6px;
 }
 
-
 /* Workspace Indicator */
 #workspaces {
     padding: 5px 0;
@@ -28,8 +26,7 @@
 
 #workspaces > button.active {
     background: @foreground;
-    padding-left: 14px;
+    padding-right: 24px;
-    padding-right: 14px;
 }
 
 #workspaces > button.urgent {
@@ -89,10 +86,15 @@ window.empty #window {
     animation-direction: alternate;
 }
 
+#network {
+    padding-right: 11px
+}
 
 /* Network and Wi-Fi */
 #network.disconnected {
-    padding-right: 15px;
+    font-size: 14px;
+    padding-left: 11px;
+    padding-right: 12px;
 }
 
 

waybar/style.css

@@ -11,22 +11,14 @@ window#waybar {
     font-family: "Noto Sans", "Font Awesome", sans-serif;
     font-size: 12px;
     color: @foreground;
-    border-radius: 16px;
     background: transparent;
 }
 
-window > * > * {
+window#waybar > * {
     padding: 4px;
-    margin-bottom: 8px;
+    background: alpha(@background, .85);
-}
+    margin-bottom: 4px;
-
+    border-radius: 14px;
-.modules-left, 
-.modules-center, 
-.modules-right {
-    background: alpha(@background, .74);
-    border-radius: 16px;
-    margin: 6px;
-    box-shadow: 0 0 2px 0 black;
 }
 
 .module {