swaync and waybar

.config/waybar/config.jsonc

@@ -33,6 +33,7 @@
     // Modules Right    
     "modules-right": [
         "hyprland/language",
+        "custom/notification",
         "keyboard-state",
         "pulseaudio",
         "battery", 

.config/waybar/modules.jsonc

@@ -122,6 +122,27 @@
             "default": ["󰕿 ", "󰖀 ", "󰕾 "]
         },
         "on-click": "pavucontrol"
+    },
+
+    "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
     }
 
 }

.config/waybar/style.css

@@ -199,10 +199,20 @@ window#waybar.empty #window {
  * ----------------------------------------------------- */
 
 #keyboard-state {
-    margin-right: 15px;
+    margin-right: 10px;
+    margin-left: 10px;
     font-size: 20px;
 }
 
+/* -----------------------------------------------------
+ * Notifications
+ * ----------------------------------------------------- */
+
+#custom-notification {
+    padding-right: 10px;
+    font-size: 16px;
+}
+
 /* -----------------------------------------------------
  * Pulseaudio
  * ----------------------------------------------------- */