style(hypr): update hyprlock config

hypr/hyprlock.conf

@@ -48,6 +48,17 @@ label {
   valign = center
 }
 
+# BATTERY
+label {
+    monitor =
+    text = cmd[update:30000] echo "󰁹 $(cat /sys/class/power_supply/BAT1/capacity)%"
+    font_family = Lexend
+    font_size = 14 
+    position = -100, 100
+    halign = right
+    valign = bottom
+}
+
 input-field {
     monitor =
     size = 300, 50

waybar/config.jsonc

@@ -123,7 +123,7 @@
       "warning": 30,
     },
     "events": {
-      "on-dischargin-critical": "notify-send -u critical 'Low Battery'"
+      "on-discharging-critical": "notify-send -u critical 'Low Battery'"
     }
   },
   "custom/sep": {

wlogout/layout

@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "hyprlock",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "logout",
+    "action" : "hyprctl dispatch exit",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "Hibernate",
+    "keybind" : "h"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}

wlogout/style.css

@@ -0,0 +1,43 @@
+window {
+  font-family: "Lexend";
+  font-size: 12pt;
+  color: #cdd6f4;
+  background-color: rgba(30, 30, 46, 0.9);
+}
+
+button {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 25%;
+  border-style: solid;
+  border-width: 3px;
+  background-color: rgba(12, 12, 12, 0.3);
+  border-color: #313244;
+  margin: 5px;
+  border-radius: 20px;
+  transition: all 0.3s ease-in-out;
+}
+
+#lock {
+  background-image: image(url("icons/lock.png"));
+}
+
+#logout {
+  background-image: image(url("icons/logout.png"));
+}
+
+#suspend {
+  background-image: image(url("icons/suspend.png"));
+}
+
+#hibernate {
+  background-image: image(url("icons/hibernate.png"));
+}
+
+#reboot {
+  background-image: image(url("icons/reboot.png"));
+}
+
+#shutdown {
+  background-image: image(url("icons/shutdown.png"));
+}