updated battery componant

waybar/config

@@ -1,6 +1,6 @@
 {
-    "modules-left": ["clock#date", "clock", "custom/launcher"],
-    "modules-center": [],
+    "modules-left": ["battery", "clock#date", "clock", "custom/launcher"],
+    "modules-center": ["hyprland/workspaces"],
     "modules-right": ["network", "bluetooth", "pulseaudio", "custom/power"],
 
     "sway/mode": {
@@ -74,7 +74,7 @@
         "format-on": "<span color='#00ff7f'></span> On",
         "format-off": "<span color='#888888'>󰂲 Off</span>",
         "format-disabled": "<span color='#888888'>󰂲 Off</span>",
-        "format-connected": "<span color='#0478d6'>󰂱</span> {device_alias}",
+        "format-connected": "<span color='#0478d6'>󰂱</span>  {device_alias}",
         "format-connected-battery": "<span color='#0478d6'>󰂱 </span> {device_alias}  <span color='#0478d6'>󰥈 </span> {device_battery_percentage}%",
         "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
         "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
@@ -100,5 +100,40 @@
         "format":"    ",
         "tooltip-format": "Click To Launch Bitwarden",
         "on-click": "exec bitwarden-desktop"
+    },
+    "battery": {
+        "states": {
+                "warning": 30,
+                "critical": 15
+        },
+        "format": "{icon} {capacity}%",
+        "format-charging": "{icon}  {capacity}%",
+        "format-plugged": "{icon}  {capacity}%",
+        "format-alt": "{time} {icon}",
+        "format-full": "󰁹 {capacity}%",
+        "format-icons": {
+            "default": ["󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂"],
+            "charging": ["󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂊", "󰂋"],
+            "plugged":  ["󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂊", "󰂋"]
+        }
+    },
+    "hyprland/workspaces": {
+        "format": "{icon}",
+        "on-click": "activate",
+        "format-icons": {
+            "1": "",
+            "2": "",
+            "3": "",
+            "4": "",
+            "urgent": "",
+            "active": "",
+            "default": ""
+        },
+        "persistent-workspaces": {
+            "1": [], 
+            "2": [], 
+            "3": []
+        },
+        "sort-by-number": true
     }
 }

waybar/style.css

@@ -114,6 +114,12 @@ window#waybar {
 #temperature.critical {
     color: #cc3436;
 }
+#workspaces {
+    padding: 5px 13px 5px 10px;
+    background-color: rgba(0,43,51,0.85);
+    border-radius: 20px;
+    margin: 5px 3px;
+}
 /*-----Colors----*/
 /*
  *rgba(0,85,102,1),#005566 --> Indigo(dye)