waybar: update with current style choice

waybar/config

@@ -2,26 +2,23 @@
     {
         "name": "main",
         "layer": "bottom",
-        "position": "bottom",
-        "height": 38,
+        "position": "top",
+        "height": 28,
         "spacing": 0,
         "output": "DP-1",
         "reload_style_on_change": true,
-        "margin-left": 12,
-        "margin-right": 12,
-        "margin-top": 6,
-        "margin-bottom": 6,
         "modules-left": [
-            "wireplumber", 
+            "hyprland/workspaces",
             "disk", 
             "memory", 
             "cpu", 
             "custom/gpu",
             "temperature"
         ],
-        "modules-center": ["hyprland/workspaces"],
+        "modules-center": [],
         "modules-right": [
             "tray", 
+            "wireplumber", 
             "network#ethernet", 
             "clock",
             "custom/poweroff"
@@ -38,7 +35,7 @@
             "tooltip": false
         },
         "disk": {
-            "format": " {}%",
+            "format": " {percentage_used}%",
             "tooltip-format": "{used} / {total} used"
         },
         "idle_inhibitor": {

waybar/style.css

@@ -5,23 +5,21 @@
     border-radius: 0px;
     min-height: 0;
     font-weight: bold;
-	font-size: 14px;
+	font-size: 12px;
 	font-family: "Hack Nerd Font";
 }
 
 window#waybar {
-    background-color: transparent;
-    /*background-color: alpha(@base, 0.6);*/
-    border-radius: 6px;
-    border: 0px solid @overlay0;
-    padding-top: 6px;
-    padding-bottom: 2px;
+    background-color: alpha(@crust, 0.8);
+    border-radius: 0px;
+    border-bottom: 0px solid @overlay0;
 }
 
 #workspaces button {
     color: @peach;
-    margin: 1px;
-    border-radius: 10px;
+    border-radius: 8px;
+    margin: 4px 2px;
+    padding: 0px 2px;
     transition: all 0.4s ease;
 }
 
@@ -66,6 +64,11 @@ window#waybar {
     min-width: 45px;
 }
 
+#network {
+    margin: 0px;
+    padding: 0px;
+}
+
 
 #clock {
     min-width: 80px;