Add Notifications to waybar

home-manager/linux/programs/hyprland.nix

@@ -304,7 +304,7 @@ in with lib; {
           layer = "top";
           position = "top";
           height = 30;
-          spacing = 4;
+          spacing = 0;
           margin-top = 5;
           margin-bottom = 0;
           # modules-left = [ "wlr/workspaces" "hyprland/submap" ];
@@ -322,11 +322,12 @@ in with lib; {
             "memory"
             # "temperature"
             "tray"
+            "custom/notification"
             "clock"
             # "custom/power"
           ];
           "custom/launcher" = {
-            format = " ";
+            format = "";
             on-click = fuzzel-command;
             on-click-right = "killall fuzzel";
           };
@@ -390,6 +391,28 @@ in with lib; {
               playing = "▶";
             };
           };
+          "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;
+          };
         };
       };
       style = ''
@@ -536,6 +559,12 @@ in with lib; {
             color: black;
         }
 
+        #custom-notification {
+            background-color: #FA8BFF;
+            background-image: linear-gradient(45deg, #2BD2FF 0%, #2BD2FF 52%, #2BD2FF 90%);
+            color: black;
+        }
+
         #memory {
             background-color: #FA8BFF;
             background-image: linear-gradient(45deg, #2BD2FF 0%, #2BD2FF 52%, #2BD2FF 90%);