Add Battery

src/.config/waybar/config

@@ -5,12 +5,13 @@
     "spacing": 4,
     "modules-left": [
       "hyprland/workspaces",
-      "wlr/taskbar"
+      "wlr/taskbar",
     ],
     "modules-center": [
       "hyprland/window"
     ],
     "modules-right": [
+      "battery",
       "tray",
       "clock"
     ],
@@ -33,7 +34,17 @@
       "format": "{:%H:%M}",
       "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
     },
+"battery": {
+    "interval": 60,
+    "states": {
+        "warning": 30,
+        "critical": 15
+    },
+    "format": "{capacity}% {icon}",
+    "format-icons": ["", "", "", "", ""],
+    "max-length": 25
+},
     "tray": {
       "spacing": 4
     }
-  }
+  }

src/.config/waybar/style.css

@@ -28,7 +28,10 @@ window#waybar {
 #taskbar button.active {
     background-image: linear-gradient(0deg, @selection, @background-darker);
 }
+#battery {
+	padding: 0 10px;
+}
 #clock {
     padding: 0 4px;
     background: @background;
-}
+}