Added music plugin on Waybar

waybar/.config/waybar/config.jsonc

@@ -2,13 +2,10 @@
   "layer": "top",           // Waybar at top layer
   "position": "top",        // Waybar position (top|bottom|left|right)
   "modules-left": [
-    // "custom/launcher",
     "sway/workspaces"
-    // "idle_inhibitor"
-    // "mpd",
   ],
   "modules-center": [
-    "mpd"
+    "custom/music"
   ],
   "modules-right": [
     "temperature",
@@ -158,5 +155,10 @@
     "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
     "tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%",
     "on-click": "blueman-manager &"
+  },
+  "custom/music": {
+    "format": "{}",
+    "return-type": "json",
+    "exec": "waybar-module-music",
   }
 }

waybar/.config/waybar/style.css

@@ -63,7 +63,7 @@ tooltip label {
   padding-right: 6px;
   color: @mauve;
 }
-#mode, #clock, #memory, #temperature, #cpu, #mpd, #idle_inhibitor, #temperature, #backlight, #pulseaudio, #network, #battery, #custom-powermenu, #bluetooth {
+#mode, #clock, #memory, #temperature, #cpu, #mpd, #idle_inhibitor, #temperature, #backlight, #pulseaudio, #network, #battery, #custom-powermenu, #bluetooth, #custom-music {
   padding-left: 10px;
   padding-right: 10px;
 }
@@ -134,3 +134,12 @@ tooltip label {
 #custom-launcher {
   color: @text;
 }
+#custom-music.playing {
+  color: @green;
+}
+#custom-music.paused {
+  color: @maroon;
+}
+#custom-music.stopped {
+  color: @peach;
+}