Wlogout integration in hyprland.conf + waybar.

hyprland.conf

@@ -189,6 +189,7 @@ bind = $mainMod, X, fullscreen
 bind = $mainMod, L, exec, hyprlock
 bind = $mainMod, O, togglesplit,  # Toggle split direction
 bind = $mainMod, P, exec, poweroff
+bind = $mainMod, RETURN, exec, wlogout
 
 # App launcher
 bind = $mainMod, R, exec, $menu

waybar/config

@@ -5,7 +5,7 @@
     "reload_style_on_change": true,
     "modules-left": ["hyprland/workspaces"],
     "modules-center": ["clock"],
-    "modules-right": ["group/expand","pulseaudio","bluetooth","network","custom/power-profile","battery"],
+    "modules-right": ["group/expand","pulseaudio","bluetooth","network","custom/power-profile","battery","custom/wlogout"],
 
     "hyprland/workspaces": {
         "format": "{name}",
@@ -112,5 +112,10 @@
     "temperature": {
         "critical-threshold": 80,
         "format": ""
+    },
+    "custom/wlogout": {
+        "format": "⏻",
+        "tooltip": false,
+        "on-click": "wlogout"
     }
 }

waybar/style.css

@@ -33,7 +33,7 @@ tooltip {
     background:@background;
     color: @color7;
 }
-#pulseaudio:hover, #bluetooth:hover, #network:hover, #custom-power-profile:hover, #battery:hover, #cpu:hover, #memory:hover, #temperature:hover{
+#pulseaudio:hover, #bluetooth:hover, #network:hover, #custom-power-profile:hover, #battery:hover, #cpu:hover, #memory:hover, #temperature:hover, #custom-wlogout:hover{
     transition: all .3s ease;
     color:@color9;
 }
@@ -156,3 +156,10 @@ tooltip {
     text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
 
 }
+#custom-wlogout{
+    padding: 0px 3px;
+    margin-left: -2px;
+    font-size: 21px;
+    transition: all .3s ease;
+    color:@color7;
+}