Update

home/.config/waybar/config.jsonc

@@ -20,7 +20,7 @@
     ],
     "tray": {
         // "icon-size": 21,
-        "spacing": 10,
+        "spacing": 10
         // "icons": {
         //   "blueman": "bluetooth",
         //   "TelegramDesktop": "$HOME/.local/share/icons/hicolor/16x16/apps/telegram.png"
@@ -92,6 +92,7 @@
 		"menu-actions": {
 			"shutdown": "shutdown -P now",
 			"reboot": "reboot",
+			"lock": "hyprlock",
 			"suspend": "systemctl suspend",
 			"hibernate": "systemctl hibernate"
 		}

home/.config/waybar/power_menu.xml

@@ -14,6 +14,14 @@
 		<child>
 			<object class="GtkSeparatorMenuItem" id="delimiter1"/>
 		</child>
+		<child>
+			<object class="GtkMenuItem" id="lock">
+				<property name="label">Lock</property>
+			</object>
+		</child>
+		<child>
+			<object class="GtkSeparatorMenuItem" id="delimiter2"/>
+		</child>
 		<child>
 			<object class="GtkMenuItem" id="suspend">
 				<property name="label">Suspend</property>
@@ -25,4 +33,4 @@
 			</object>
 		</child>
 	</object>
-</interface>
+</interface>

home/.config/waybar/style.css

@@ -88,6 +88,10 @@ button:hover {
     background-color: rgba(76, 90, 102, 1);
 }
 
+#battery {
+    background-color: rgba(76, 90, 102, 1);
+}
+
 #cpu {
     background-color: rgba(76, 90, 102, 1);
 }