feat(waybar): show sway mode

dots/.config/waybar/config

@@ -152,6 +152,9 @@
     {
         "layer": "bottom",
         "position": "bottom",
+        "modules-left": [
+            "custom/sway-mode"
+        ],
         "modules-center": [
             "sway/workspaces"
         ],
@@ -170,6 +173,11 @@
                 "8": [],
                 "9": []
             }
+        },
+        "custom/sway-mode": {
+            "exec": "swaymsg -t get_binding_state | jq '.name' -r",
+            "format": " {}",
+            "interval": 1
         }
     }
 ]

dots/.config/waybar/style.css

@@ -59,6 +59,12 @@
   border-right: 2px solid @oniViolet;
 }
 
+#custom-sway-mode {
+  background: @sumiInk0;
+  border-bottom: 2px solid @oniViolet;
+  border-left: 2px solid @oniViolet;
+}
+
 #workspaces {
   background: @sumiInk0;
   transition: none;