further designed the waybar

.config/waybar/config.jsonc

@@ -10,7 +10,6 @@
 		// List to modify
 
 		"modules-left":["river/tags"],
-		"modules-center":["river/window"],
 		"modules-right":["mpd","wireplumber","cpu","memory","temperature","disk","network","battery","tray","clock"],
 
 		// Left modules
@@ -29,10 +28,6 @@
 				]
 		},
 
-		// Center modules
-		"river/window": {
-
-		},
 
 		// Right modules
 		"mpd": {
@@ -40,6 +35,12 @@
 		},
 
 		"wireplumber": {
+				"format": "{icon} {volume}%",
+				"format-muted": "󰖁  Muted",
+				"on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle",
+				"on-click-right": "helvum",
+				"format-icons": ["󰕿", "󰖀", "󰕾"]
+
 
 		},
 
@@ -60,7 +61,15 @@
 		},
 
 		"network":{
-
+				"format-icons": [
+						"󰤟",
+						"󰤢",
+						"󰤥",
+						"󰤨"
+				],
+				"format-ethernet": "{essid} 󱎔 ",
+				"format-wifi": "{essid} {icon}",
+				"format-disconnected": "Disconnected  "
 		},
 
 		"battery": {

.config/waybar/style.css

@@ -1,8 +1,9 @@
 
 /* Some universal settings for the elements*/
 * {
-		font-family: "FiraCode Nerd Font";
-		font-size: 17px;
+		font-family: "FiraCode";
+		font-size: 15px;
+		font-weight: bold;
 		border-radius: 20px;
 		min-height: 0;
 		border: none;
@@ -14,16 +15,28 @@
  * so that the elements seem to float by themselves
  * */
 #waybar {
-		background-color: rgba(0,0,0,0);
+		background-color: #16161D;
+		border-radius: 0px;
 }
 
 
 /* Tags */
 
 /* On the tag object tags */
-#tags {
+#tags,
+#mpd,
+#wireplumber,
+#cpu,
+#memory,
+#temperature,
+#disk,
+#network,
+#battery,
+#tray,
+#clock
+{
 		background-color: #1f1f28;
-		margin: 7px;
+		margin: 5px;
 		padding: 5px;
 }
 
@@ -51,5 +64,38 @@
 
 }
 
-/* Window Name */
+
+/* Wireplumber */
+#wireplumber {
+		color: #dcd7ba;
+}
+
+#wireplumber.muted {
+		color: #1f1f28;
+		background-color: #FF5D62;
+}
+
+
+/* Network */
+
+/* Wifi */
+#network.wifi {
+		color: #1f1f28;
+		background-color: #E6C384;
+
+}
+
+#network.ethernet {
+
+}
+
+#network.disconnect {
+
+}
+
+#network.disabled {
+
+}
+
+