Waybar: Add keyboard-state module to show capslock state

system/home/waybar.nix

@@ -26,6 +26,7 @@
         "bluetooth"
         "clock#calendar"
         "clock"
+        "keyboard-state"
         "backlight"
         "battery"
         "custom/weather"
@@ -203,6 +204,14 @@
           };
         };
       clock.format = "󰥔 {:%R}";
+      "keyboard-state" = {
+        capslock = true;
+        format.capslock = "󰪛 :{icon}";
+        format-icons = {
+          locked = "󰌾 ";
+          unlocked = "󰌿 ";
+        };
+      };
       backlight = {
         format = "{icon}";
         tooltip-format = "{percent}%";
@@ -323,13 +332,14 @@
         #workspaces,
         #window,
         #mpris,
+        #custom-notification,
         #pulseaudio,
         #network,
         #bluetooth,
+        #clock,
+        #keyboard-state,
         #backlight,
         #battery,
-        #clock,
-        #custom-notification,
         #custom-weather,
         #tray {
             margin: 0px;
@@ -383,6 +393,9 @@
         #clock {
             color: ${scheme.base0D};
         }
+        #keyboard-state {
+            color: ${scheme.base0E};
+        }
 
         #battery.warning {
             color: ${scheme.base09};