feat(hyprland): add wlogout exit menu with dupre theme

- Add wlogout config with nerd font icons and dupre colors
- Add wofi power-menu as alternative (disabled)
- Use pgrep to prevent multiple instances
- Theme: gold highlight on hover, invisible borders

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

2 files changed, 73 insertions, 0 deletions

diff --git a/dotfiles/hyprland/.config/wlogout/layout b/dotfiles/hyprland/.config/wlogout/layout
new file mode 100644
index 0000000..878e75d
--- /dev/null
+++ b/dotfiles/hyprland/.config/wlogout/layout
@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "hyprlock",
+    "text" : "󰌾",
+    "keybind" : "l"
+}
+{
+    "label" : "logout",
+    "action" : "hyprctl dispatch exit",
+    "text" : "󰍃",
+    "keybind" : "e"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "󰒲",
+    "keybind" : "u"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "󰖔",
+    "keybind" : "h"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "󰜉",
+    "keybind" : "r"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "󰐥",
+    "keybind" : "s"
+}
diff --git a/dotfiles/hyprland/.config/wlogout/style.css b/dotfiles/hyprland/.config/wlogout/style.css
new file mode 100644
index 0000000..658e3c9
--- /dev/null
+++ b/dotfiles/hyprland/.config/wlogout/style.css
@@ -0,0 +1,37 @@
+/* wlogout style - Dupre theme */
+/* Dupre palette:
+   bg: #151311, black: #252321, br_black: #474544, muted: #58574e
+   steel: #969385, white: #d0cbc0, fg: #f0fef0, gold: #d7af5f
+   red: #d47c59, green: #a4ac64, blue: #67809c, magenta: #b294bb
+*/
+
+* {
+    background-image: none;
+    box-shadow: none;
+    font-family: "BerkeleyMono Nerd Font", monospace;
+}
+
+window {
+    background-color: rgba(21, 19, 17, 0.6);
+}
+
+button {
+    border-radius: 10px;
+    border-color: #151311;
+    color: #969385;
+    background-color: #151311;
+    border-style: solid;
+    border-width: 2px;
+    font-size: 96px;
+}
+
+button:hover, button:focus {
+    background-color: #151311;
+    border-color: #d7af5f;
+    color: #d7af5f;
+    outline-style: none;
+}
+
+button:active {
+    background-color: #474544;
+}