waybar: Add battery and backlight modules

dot-config/waybar/waybar.css

@@ -45,8 +45,8 @@ window#waybar {
 	color: @base;
 }
 
-#custom-power, #custom-runner,
+#custom-power, #custom-runner, #battery,
-#wireplumber, #wireplumber.muted,
+#backlight, #wireplumber, #wireplumber.muted,
 #tray, #language, #clock {
  	background: @mantle;
 	border-radius: 14px;
@@ -63,11 +63,11 @@ window#waybar {
     padding: 0px 10px;
 }
 
-#tray {
+#tray, #battery {
 	padding: 0px 10px;
 }
 
-#wireplumber, #wireplumber.muted {
+#backlight, #wireplumber, #wireplumber.muted {
 	padding: 0px 10px;
     min-width: 55px;
 }

dot-config/waybar/waybar.jsonc

@@ -5,9 +5,9 @@
 	"spacing": 0,
 	"margin-bottom": 5,
 	"layer": "top",
-  "modules-left": ["custom/power", "custom/runner"],
+	"modules-left": ["custom/power", "custom/runner", "tray"],
 	"modules-center": ["hyprland/workspaces"],
-  "modules-right": ["tray", "wireplumber", "hyprland/language", "clock"],
+	"modules-right": ["wireplumber", "backlight", "battery", "hyprland/language", "clock"],
 	
 	"custom/power": {
 		"format": "",
@@ -16,7 +16,7 @@
 
 	"custom/runner": {
 		"format": "",
-    "on-click": "~/.config/hypr/bin/runner"
+		"on-click": "hyprlauncher"
 	},
 
   	"hyprland/workspaces": {
@@ -33,6 +33,23 @@
 		"spacing": 15
 	},
 
+	"battery": {
+		"bat": "qcom-battery",
+		"interval": 60,
+		"states": {
+			"warning": 30,
+			"critical": 15
+		},
+		"format": "{capacity}% ",
+		"max-length": 25
+	},
+
+	"backlight": {
+		"device": "ktz8866-backlight",
+		"format": "{percent}% ",
+		"format-icons": ["", ""]
+	},
+	
     "wireplumber": {
 		"scroll-step": 2,
 		"format": "{icon} {volume}%",