waybar(network): add wireguard section

.config/waybar/config

@@ -5,7 +5,7 @@
 
 	"modules-left": ["sway/workspaces", "sway/mode"],
 	"modules-center": ["sway/window"],
-	"modules-right": ["tray", "pulseaudio", "network", "temperature", "custom/storage", "memory", "cpu", "backlight", "sway/language", "battery", "clock#date", "clock#time"],
+	"modules-right": ["tray", "pulseaudio", "network", "network#wireguard", "temperature", "custom/storage", "memory", "cpu", "backlight", "sway/language", "battery", "clock#date", "clock#time"],
 	"sway/workspaces": {
 	"all-outputs": false,
 	"format": "{name}",
@@ -78,6 +78,15 @@
 	"rotate": true,
 	"tooltip": false
 	},
+	"network#wireguard": {
+		"interface": "*wg*",
+		"format": "🐉",
+		"format-ethernet": "🐉",
+		"format-linked": "<span foreground='#ffbf00'>{ifname}:</span> (No IP)🐉",
+		"format-disconnected": "",
+		"format-alt": "<span foreground='#929292'>{ifname}:</span> {ipaddr}/{cidr}🐉",
+		"tooltip": false
+	},
 	"temperature": {
 		"format": "<span foreground='#929292'></span>{temperatureC}°C",
 		"thermal-zone": 2,

.config/waybar/style.css

@@ -96,6 +96,11 @@ window#waybar.solo {
 	color: red;
 }
 
+#network.wireguard {
+	margin: 0 3px 0 0;
+	min-width: 0;
+}
+
 #temperature {
 	margin: 0 3px ;
 	min-width: 0;