waybar: add module for player metadata

config/.config/waybar/config

@@ -2,6 +2,7 @@
   "position": "top",
   "modules-left": [
     "sway/workspaces",
+    "custom/player",
     "sway/mode"
   ],
   "modules-right": [
@@ -21,6 +22,9 @@
     "format": "--{}--",
     "tooltip": false
   },
+  "custom/player": {
+    "exec": "playerctl metadata -f '{{title}}' -F"
+  },
   "pulseaudio": {
     "tooltip": false,
     "format-muted": "MUTE",

config/.config/waybar/style.css

@@ -25,13 +25,14 @@ window#waybar {
   background: @primary;
 }
 
-#mode {
+/* left modules */
+#mode,
+#window,
+#custom-player {
   margin-left: 10px;
-  color: @primary;
 }
-
-#window {
-  margin-left: 10px;
+#mode {
+  color: @primary;
 }
 
 #network {