improve waybar config

src/.config/waybar/config

@@ -11,6 +11,8 @@
       "hyprland/window"
     ],
     "modules-right": [
+      "mpris",
+      "pulseaudio",
       "battery",
       "tray",
       "clock"
@@ -34,6 +36,32 @@
       "format": "{:%H:%M}",
       "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
     },
+"mpris": {
+	"format": "{player_icon} {dynamic}",
+	"format-paused": "{status_icon} <i>{dynamic}</i>",
+	"player-icons": {
+		"default": "🎵"
+	},
+	"status-icons": {
+		"paused": "⏸"
+	},
+},
+"pulseaudio": {
+    "format": "{volume}% {icon}",
+    "format-bluetooth": "{volume}% {icon} ",
+    "format-muted": "",
+    "format-icons": {
+        "headphone": "",
+        "hands-free": "",
+        "headset": "",
+        "phone": "",
+        "portable": "",
+        "car": "",
+        "default": ["", ""]
+    },
+    "scroll-step": 1,
+    "on-click": "qpwgraph",
+},
 "battery": {
     "interval": 60,
     "states": {

src/.config/waybar/style.css

@@ -28,8 +28,13 @@ window#waybar {
 #taskbar button.active {
     background-image: linear-gradient(0deg, @selection, @background-darker);
 }
-#battery {
+
+#battery, #mpris, #pulseaudio, #tray {
 	padding: 0 10px;
+	background: @background;
+}
+#mpris {
+	font-size: 9pt;
 }
 #clock {
     padding: 0 4px;