swaync better

CONFIG/sway/config

@@ -255,14 +255,10 @@ bindsym {
     # Launch the file explorer
     $mod+o exec pcmanfm
 
-    # Dismiss current notification
-    $mod+n exec swaync-client -c
-
-    # Dismiss all notifications
-    $mod+Shift+n exec swaync-client -C
-
-    # Toggle the SwayNC control center panel
-    $mod+Shift+m exec swaync-client -t -sw
+    # Notifications
+    $mod+n exec swaync-client --hide-latest
+    $mod+Shift+n exec swaync-client --close-latest
+    $mod+m exec swaync-client -t -sw
 }
 
 # config tools
@@ -277,7 +273,7 @@ mode "$mode_monitor" {
     bindsym Return mode "default"
     bindsym Escape mode "default"
 }
-bindsym $mod+m mode "$mode_monitor"
+bindsym $mod+Shift+m mode "$mode_monitor"
 
 # ------------------------------------------
 # AUTOSTART

CONFIG/swaync/config.json

@@ -22,6 +22,8 @@
         "dnd",
         "mpris",
         "volume",
+        "backlight",
+        "buttons-grid",
         "notifications"
     ],
     "widget-config": {
@@ -36,6 +38,25 @@
         "mpris": {
             "image-size": 96,
             "image-radius": 8
+        },
+        "volume": {
+            "label": "Volume",
+            "show-percentage": true
+        },
+        "backlight": {
+            "label": "Brightness"
+        },
+        "buttons-grid": {
+            "actions": [
+                {
+                    "label": "WiFi",
+                    "command": "nm-connection-editor"
+                },
+                {
+                    "label": "Bluetooth",
+                    "command": "blueman-manager"
+                }
+            ]
         }
     }
 }

CONFIG/swaync/style.css

@@ -1,4 +1,4 @@
-@define-color bg       #0A0A0A;
+@define-color bg       rgba(10, 10, 10, 0.85);
 @define-color border   #333333;
 @define-color text     #FFFFFF;
 @define-color focus    #00E5FF;
@@ -36,9 +36,20 @@ button:hover {
   border-bottom: 1px solid @border;
 }
 
+.close-button {
+  background: transparent;
+  border: none;
+  color: @text;
+}
+
+.close-button:hover {
+  background: @urgent;
+}
 .widget-dnd,
 .widget-mpris,
-.widget-volume {
+.widget-volume,
+.widget-backlight,
+.widget-buttons-grid {
   background: transparent;
   border: 1px solid @border;
   margin: 8px;