feat(waybar): restore and style wlogout button, increase font and icon size

- Add custom wlogout button to modules-right in both desktop and laptop configs
- Style wlogout button for visibility and theme consistency
- Increase font size globally by 30%
- Increase icon size for wlogout button

🤖 Generated with [opencode](https://opencode.ai)

Co-Authored-By: opencode <noreply@opencode.ai>

.config/hypr/includes/binds.conf

@@ -19,6 +19,7 @@ bind = $mainMod, P, pseudo, # dwindle
 bind = $mainMod, J, togglesplit, # dwindle
 bind = $mainMod SHIFT, P, exec, ~/.config/hypr/reway.sh
 bind = $mainMod, L, exec, hyprlock
+bind = $mainMod, F12, exec, killall -SIGUSR2 waybar
 
 # Move focus with mainMod + arrow keys
 bind = $mainMod, left, movefocus, l

.config/waybar/config-desktop

@@ -8,7 +8,7 @@
   "modules-center": [
     "clock"
   ],
-  "modules-right": [
+    "modules-right": [
     "cpu",
     "memory",
     "disk#root",
@@ -17,8 +17,8 @@
     "pulseaudio",
     "network",
     "tray",
-  ],
-  "hyprland/workspaces": {
+    "custom/wlogout"
+  ],  "hyprland/workspaces": {
     "format": "{icon}",
     "on-click": "activate",
     "on-scroll-up": "hyprctl dispatch workspace e-1",
@@ -102,5 +102,10 @@
   },
   "tray": {
     "icon-size": 20
+  },
+  "custom/wlogout": {
+    "format": "⏻",
+    "tooltip": "Logout/Shutdown",
+    "on-click": "wlogout"
   }
 }

.config/waybar/config-laptop

@@ -8,7 +8,7 @@
   "modules-center": [
     "clock"
   ],
-  "modules-right": [
+    "modules-right": [
     "backlight",
     "cpu",
     "memory",
@@ -18,9 +18,9 @@
     "pulseaudio",
     "network",
     "battery",
-    "tray"
-  ],
-  "hyprland/workspaces": {
+    "tray",
+    "custom/wlogout"
+  ],  "hyprland/workspaces": {
     "format": "{icon}",
     "on-click": "activate",
     "on-scroll-up": "hyprctl dispatch workspace e-1",
@@ -135,5 +135,10 @@
   },
   "tray": {
     "icon-size": 20
+  },
+  "custom/wlogout": {
+    "format": "⏻",
+    "tooltip": "Logout/Shutdown",
+    "on-click": "wlogout"
   }
 }

.config/waybar/style.css

@@ -1,11 +1,16 @@
 * {
   font-family: JetBrainsMono, monospace;
-  font-size: 13px;
+  font-size: 17px;
   border: none;
   box-shadow: none;
   min-height: 0;
 }
 
+.icon, .fa, .material-icons {
+  font-size: 17px;
+}
+
+
 window#waybar {
   background: rgba(30, 30, 46, 0.95);
   border-radius: 10px;
@@ -46,3 +51,21 @@ window#waybar {
 #pulseaudio.muted {
   color: #f9e2af;
 }
+
+#custom-wlogout {
+  background: #f38ba8;
+  color: #1e1e2e;
+  border-radius: 8px;
+  padding: 0 8px;
+  margin: 0 4px;
+  font-weight: bold;
+  transition: background 0.2s, color 0.2s;
+}
+#custom-wlogout .icon {
+  font-size: 22px;
+}
+#custom-wlogout:hover, #custom-wlogout:focus {
+  background: #cba6f7;
+  color: #1e1e2e;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
+}