Double bar power

sericea/.config/waybar/config

@@ -1,9 +1,10 @@
-{
+[{
 	"layer": "top",
 	"height": 40,
+	"id": "top",
 	"modules-left": ["sway/workspaces", "sway/mode"],
-	"modules-center": ["clock"],
-	"modules-right": ["network", "pulseaudio", "backlight", "battery", "tray", "mpris", "idle_inhibitor"],
+	"modules-center": ["sway/window"],
+	"modules-right": ["tray"],
 	"sway/workspaces": {
 		"all-outputs": false,
 		"disable-scroll": true,
@@ -20,22 +21,30 @@
 			"10": ["eDP-1", "DP-2"]
 		}
 	},
-	"idle_inhibitor": {
-		"format": "{icon}",
-		"format-icons": {
-			"activated": "",
-			"deactivated": ""
-		}
+	"sway/window": {
 	},
 	"tray": {
 		"icon-size": 16,
 		"spacing": 10
+	}
 },
+{
+	"id": "bottom",
+	"layer": "top",
+	"position": "bottom",
+	"height": 40,
+	"modules-left": ["idle_inhibitor", "gamemode", "mpris"],
+	"modules-center": ["clock"],
+	"modules-right": ["network", "pulseaudio", "backlight", "battery"],
 	"clock": {
 		"format": "{:%a %b %d %I:%M %p}",
 		"format-alt": "{:%Y-%m-%d}",
 		"tooltip": false
 	},
+	"network": {
+		"interval": 1,
+		"format": " {bandwidthUpBytes}  {bandwidthDownBytes}"
+	},
 	"battery": {
 		"states": {
 			"good": 100,
@@ -51,9 +60,35 @@
 		"format": "{icon} {percent}%",
 		"format-icons": ["", ""]
 	},
+	"idle_inhibitor": {
+		"format": "{icon}",
+		"format-icons": {
+			"activated": "",
+			"deactivated": ""
+		}
+	},
+	"gamemode": {
+		"hide-not-running": false,
+		"format": "{glyph}",
+		"glyph": "",
+		"use-icon": false,
+		"icon-spacing": 0,
+		"icon-size": 0
+	},
+	"pulseaudio": {
+		"scroll-step": 5,
+		"format": "{icon} {volume}%",
+		"format-icons": {
+			"default": ["", "", ""]
+		},
+		"on-scroll-up": "/usr/libexec/sway/volume-helper --limit 100 --increase 5",
+		"on-scroll-down": "/usr/libexec/sway/volume-helper --limit 100 --decrease 5",
+		"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle && /usr/libexec/sway/volume-helper"
+	},
 	"mpris": {
 		"interval": 1,
-		"format": "{player_icon}",
+		"max-length": 100,
+		"format": "{player_icon} - {dynamic}",
 		"ignored-players": [
 			"firefox"
 		],
@@ -65,19 +100,5 @@
 			"paused": "⏸",
 			"stopped": "⏹"
 		}
-	},
-	"network": {
-		"interval": 1,
-		"format": " {bandwidthUpBytes}  {bandwidthDownBytes}"
-	},
-	"pulseaudio": {
-		"scroll-step": 5,
-		"format": "{icon} {volume}%",
-		"format-icons": {
-			"default": ["", "", ""]
-		},
-		"on-scroll-up": "/usr/libexec/sway/volume-helper --limit 100 --increase 5",
-		"on-scroll-down": "/usr/libexec/sway/volume-helper --limit 100 --decrease 5",
-		"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle && /usr/libexec/sway/volume-helper"
-	}
 	}
+}]

sericea/.config/waybar/style.css

@@ -8,7 +8,7 @@
 * {
 	border: none;
 	border-radius: 0;
-	font-family: "IBM Plex Sans Medium";
+	font-family: "IBM Plex Sans", "Font Awesome 6 Free", sans-serif;
 	font-size: 13px;
 }
 
@@ -48,6 +48,9 @@ window#waybar {
 }
 
 /* widgets */
+#window {
+	color: #ebdbb2;
+}
 #pulseaudio {
 	padding: 0 1em;
 	color: #ebdbb2;
@@ -69,6 +72,7 @@ window#waybar {
 	color: #504945;
 }
 #network {
+	padding: 0 1em;
 	color: #928374;
 	font-size: 10;
 }
@@ -85,6 +89,13 @@ window#waybar {
 	padding: 0 1em;
 	color: #fabd2f;
 }
+#gamemode {
+	padding: 0 1em;
+	color: #504945;
+}
+#gamemode.running {
+	color: #b8bb26;
+}
 #battery {
 	padding: 0 1em;
 }