Move inhibitor to the right

desktop-gruvbox-sway/.config/waybar/config

@@ -1,9 +1,9 @@
 {
 	"layer": "top",
 	"height": 40,
-	"modules-left": ["sway/workspaces", "sway/mode", "idle_inhibitor"],
+	"modules-left": ["sway/workspaces", "sway/mode"],
 	"modules-center": ["tray"],
-	"modules-right": ["pulseaudio", "battery", "clock"],
+	"modules-right": ["idle_inhibitor", "mpris", "pulseaudio", "battery", "clock"],
 	"sway/workspaces": {
 		"disable-scroll": true,
 		"persistent_workspaces": {
@@ -46,6 +46,21 @@
 		"format-plugged": "{icon} {capacity}%",
 		"format-icons": ["", "", "", "", ""]
 	},
+	"mpris": {
+		"interval": 1,
+		"format": "{status_icon} {title} {player_icon}",
+		"ignored-players": [
+			"firefox"
+		],
+		"player-icons": {
+			"default": "♫"
+		},
+		"status-icons": {
+			"playing": "⏵",
+			"paused": "⏸",
+			"stopped": "⏹"
+		}
+	},
 	"pulseaudio": {
 		"scroll-step": 0,
 		"format": "{icon} {volume}%",

desktop-gruvbox-sway/.config/waybar/style.css

@@ -8,7 +8,7 @@
 * {
 	border: none;
 	border-radius: 0;
-	font-family: IBM Plex Sans Medium;
+	font-family: "IBM Plex Sans Medium";
 	font-size: 13px;
 }
 
@@ -48,14 +48,26 @@ window#waybar {
 	padding: 0 1em;
 	color: #ebdbb2;
 }
+#mpris {
+	padding: 0 1em;
+}
+#mpris.playing {
+	background: #d3869b;
+	color: #282828;
+}
+#mpris.paused, #mpris.stopped {
+	background: #32302f;
+	color: #282828;
+}
 #idle_inhibitor {
+	color: #282828;
 	padding: 0 1em;
 }
 #idle_inhibitor.deactivated {
-	color: #32302f;
+	background: #32302f;
 }
 #idle_inhibitor.activated {
-	color: #fb4934;
+	background: #fb4934;
 }
 #battery {
 	padding: 0 1em;