Add wlogout

justfile

@@ -44,7 +44,7 @@ setup-mpv:
 
 # Installs AUR packages for my WM setup
 setup-river:
-  paru -S --noprovides lswt river-git swaylock-effects-git swww wlopm wlr-randr-git
+  paru -S --noprovides lswt river-git swaylock-effects-git swww wlogout wlopm wlr-randr-git
 
 # Set ZSH as default shell and install plugins
 setup-shell:
@@ -82,4 +82,5 @@ stow:
   stow river
   stow swaylock
   stow waybar
+  stow wlogout
   stow zsh

river/.config/river/init

@@ -79,7 +79,7 @@ riverctl input $T480_POINTER tap enabled
 riverctl input $T480_POINTER tap-button-map left-right-middle
 
 # Lock screen after 5 mins idle or before sleep
-riverctl spawn "swayidle -w timeout 300 'swaylock -f' timeout 600 'wlopm --off \*' resume 'wlopm --on \*' before-sleep 'swaylock -f'"
+riverctl spawn "swayidle -w timeout 300 'swaylock -f --fade-in=1' timeout 600 'wlopm --off \*' resume 'wlopm --on \*' before-sleep 'swaylock -f'"
 
 ## Mappings
 # Applications

swaylock/.config/swaylock/config

@@ -3,7 +3,6 @@ clock
 indicator
 show-failed-attempts
 grace=30
-fade-in=1
 image=~/.wallpaper
 scaling=fill
 bs-hl-color=e0af68

waybar/.config/waybar/config

@@ -96,6 +96,6 @@
     },
     "custom/exit": {
         "format": " ",
-        "on-click": "riverctl exit"
+        "on-click": "wlogout -s -b 5 -L 200 -R 200 -T 400 -B 400"
     }
 }

wlogout/.config/wlogout/layout

@@ -0,0 +1,30 @@
+{
+    "label" : "lock",
+    "action" : "swaylock",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "logout",
+    "action" : "riverctl exit",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}

wlogout/.config/wlogout/style.css

@@ -0,0 +1,87 @@
+* {
+    background-image: none;
+    box-shadow: none;
+    font-family: "Noto Sans", sans-serif;
+    font-weight: bold;
+}
+
+window {
+    background-color: rgba(26, 27, 38, 0.9);
+}
+
+button {
+    text-decoration-color: #c0caf5;
+    color: #c0caf5;
+    background-color: #414868;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 40%;
+}
+
+button:focus,
+button:active,
+button:hover {
+    color: rgb(26, 27, 38);
+    outline-style: none;
+}
+
+#lock {
+    background-image: image(url("icons/lock.png"));
+}
+
+#lock:focus,
+#lock:active,
+#lock:hover {
+    background-color: #bb9af7;
+    background-image: image(url("icons/lock-hover.png"));
+    background-size: 50%;
+}
+
+#logout {
+    background-image: image(url("icons/logout.png"));
+}
+
+#logout:focus,
+#logout:active,
+#logout:hover {
+    background-color: #9ece6a;
+    background-image: image(url("icons/logout-hover.png"));
+    background-size: 50%;
+}
+
+#suspend {
+    background-image: image(url("icons/suspend.png"));
+}
+
+#suspend:focus,
+#suspend:active,
+#suspend:hover {
+    background-color: #e0af68;
+    background-image: image(url("icons/suspend-hover.png"));
+    background-size: 50%;
+}
+
+#shutdown {
+    background-image: image(url("icons/shutdown.png"));
+}
+
+#shutdown:focus,
+#shutdown:active,
+#shutdown:hover {
+    background-color: #f7768e;
+    background-image: image(url("icons/shutdown-hover.png"));
+    background-size: 50%;
+}
+
+
+#reboot {
+    background-image: image(url("icons/reboot.png"));
+}
+
+#reboot:focus,
+#reboot:active,
+#reboot:hover {
+    background-color: #f7768e;
+    background-image: image(url("icons/reboot-hover.png"));
+    background-size: 50%;
+}