Replace MPD module with MPRIS in Waybar

waybar/.config/waybar/config

@@ -1,27 +1,26 @@
 {
     "layer": "top",
     "height": 25,
-    "modules-left": ["sway/workspaces" ],
-    "modules-center": ["custom/org-pomodoro", "clock"],
-    "modules-right": ["mpd", "network", "pulseaudio", "battery" ],
-    "mpd": {
-        "format": "<span foreground='#88C0D0'>{stateIcon}</span>  {title}",
+    "modules-left": [ "sway/workspaces"],
+    "modules-center": [ "clock" ],
+    "modules-right": [ "mpris", "network", "pulseaudio", "battery" ],
+    "mpris": {
+        "format": "<span foreground='#88C0D0'>{status_icon}</span>  {title}",
         "format-disconnected": "",
-        "format-stopped": "{stateIcon} ",
-        "unknown-tag": "N/A",
+        "format-stopped": "{status_icon} ",
         "interval": 2,
         "consume-icons": {
             "on": " "
         },
-        "state-icons": {
+        "status-icons": {
             "paused": "󰝚",
             "playing": "󰝚"
         },
         "tooltip-format": "{elapsedTime:%H:%M:%S}/{totalTime:%H:%M:%S}",
         "tooltip-format-disconnected": "MPD (disconnected)",
         "title-len": 50,
-        "on-click": "mpc toggle",
-        "on-click-right": "mpc stop"
+        "on-click": "playerctl play-pause",
+        "on-click-right": "playerctl stop"
     },
     "clock": {
         "format": "{:%a %d %b  %H:%M}",

waybar/.config/waybar/style.css

@@ -70,7 +70,7 @@ window#waybar.chromium {
 #tray,
 #mode,
 #idle_inhibitor,
-#mpd {
+#mpris {
     padding: 0 10px;
     margin: 0 4px;
 }
@@ -156,16 +156,16 @@ label:focus {
 #idle_inhibitor.activated {
 }
 
-#mpd {
+#mpris {
 }
 
-#mpd.disconnected {
+#mpris.disconnected {
 }
 
-#mpd.stopped {
+#mpris.stopped {
 }
 
-#mpd.paused {
+#mpris.paused {
 }