add swaync to waybar

dot_config/waybar/config

@@ -31,6 +31,7 @@
         "battery",
         "battery#bat2",
         "tray",
+        "custom/notification",
         "custom/wvkbd"
     ],
     // Modules configuration
@@ -255,5 +256,25 @@
             "default": ""
         },
         "on-click": "pkill --signal SIGRTMIN wvkbd-mobintl"
-    }
+    },
+    "custom/notification": {
+        "tooltip": false,
+        "format": "{} {icon}",
+        "format-icons": {
+          "notification": "<span foreground='red'><sup></sup></span>",
+          "none": "",
+          "dnd-notification": "<span foreground='red'><sup></sup></span>",
+          "dnd-none": "",
+          "inhibited-notification": "<span foreground='red'><sup></sup></span>",
+          "inhibited-none": "",
+          "dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
+          "dnd-inhibited-none": ""
+        },
+        "return-type": "json",
+        "exec-if": "which swaync-client",
+        "exec": "swaync-client -swb",
+        "on-click": "swaync-client -t -sw",
+        "on-click-right": "swaync-client -d -sw",
+        "escape": true
+      }
 }

dot_config/waybar/style.css

@@ -26,9 +26,11 @@ window#waybar.solo {
 }
 */
 
+/*
 window#waybar.termite {
     background-color: #3F3F3F;
 }
+*/
 
 window#waybar.chromium {
     background-color: #000000;
@@ -93,6 +95,7 @@ button:hover {
 #custom-wl-gammarelay-gamma,
 #custom-events,
 #custom-wvkbd,
+#custom-notification,
 #mpd {
     padding: 0 10px;
     color: #ffffff;
@@ -168,7 +171,8 @@ label:focus {
     background-color: #90b1b1;
 }
 
-#custom-wvkbd {
+#custom-wvkbd,
+#custom-notification {
     background-color: #2980b9;
 }