feat: waybar - battery for shoukei

home/linux/desktop/hyprland/conf/waybar/config.jsonc

@@ -14,6 +14,7 @@
   "modules-right": [
     "mpd",
     "pulseaudio",
+    "battery", 
     "memory",
     "cpu",
     "network",
@@ -178,5 +179,29 @@
   "tray": {
     "icon-size": 15,
     "spacing": 5
-  }
+  },
+  "battery": {
+    "bat": "BAT0",
+    "adapter": "ADP0",
+    "interval": 60,
+    "states": {
+      "warning": 30,
+      "critical": 15
+    },
+    "max-length": 20,
+    "format": "{icon} {capacity}%",
+    "format-warning": "{icon} {capacity}%",
+    "format-critical": "{icon} {capacity}%",
+    "format-charging": "<span font-family='Font Awesome 6 Free'></span> {capacity}%",
+    "format-plugged": " {capacity}%",
+    "format-alt": "{icon} {time}",
+    "format-full": " {capacity}%",
+    "format-icons": [
+      " ",
+      " ",
+      " ",
+      " ",
+      " "
+    ]
+  },
 }

home/linux/desktop/hyprland/conf/waybar/style.css

@@ -97,9 +97,28 @@ tooltip label {
 #clock {
   color: rgb(217, 224, 238);
 }
-/* #idle_inhibitor {
+
-                 color: rgb(221, 182, 242);
+#idle_inhibitor {
-               }*/
+  color: rgb(221, 182, 242);
+  padding-right: 8px;
+}
+#battery {
+  min-width: 55px;
+  color: rgb(126, 186, 244);;
+}
+#battery.charging,
+#battery.full,
+#battery.plugged {
+  color: #26a65b;
+}
+#battery.critical:not(.charging) {
+  color: #f53c3c;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
 #custom-wall {
   color: #33ccff;
 }