add battery to waybar

waybar/waybar_hyprland_config.json

@@ -14,6 +14,7 @@
         "memory",
         "disk",
         "network",
+        "battery",
         "clock",
         "tray"
     ],
@@ -94,6 +95,14 @@
         "tooltip": false
     },
 
+    "battery": {
+        "format": "BAT: {capacity}%",
+        "format-charging": "BAT: {capacity}% CHR",
+        "format-plugged": "BAT: {capacity}% PLG",
+        "interval": 30,
+        "tooltip": false
+    },
+
     "clock": {
         "format": "{:%Y-%m-%d %H:%M}",
         "interval": 1,

waybar/waybar_style.css

@@ -55,6 +55,7 @@ window#waybar {
 #memory,
 #disk,
 #network,
+#battery,
 #clock {
     padding: 0 10px;
     color: #C792EA;
@@ -68,10 +69,19 @@ window#waybar {
 #memory,
 #disk,
 #network,
+#battery,
 #clock {
     border-left: 1px solid #FF79C6;
 }
 
+#battery.warning {
+    color: #FFB86C;
+}
+
+#battery.critical {
+    color: #FF5370;
+}
+
 #custom-greetings {
     color: #f5af19;
 }

waybar/waybar_sway_config.json

@@ -14,6 +14,7 @@
         "memory",
         "disk",
         "network",
+        "battery",
         "clock",
         "tray"
     ],
@@ -95,6 +96,14 @@
         "tooltip": false
     },
 
+    "battery": {
+        "format": "BAT: {capacity}%",
+        "format-charging": "BAT: {capacity}% CHR",
+        "format-plugged": "BAT: {capacity}% PLG",
+        "interval": 30,
+        "tooltip": false
+    },
+
     "clock": {
         "format": "{:%Y-%m-%d %H:%M}",
         "interval": 1,