Add wlogout for quiting

bootstrap.sh

@@ -23,6 +23,7 @@ waybarDir="$HOME/.config/waybar"
 rofiDir="$HOME/.config/rofi"
 dunstDir="$HOME/.config/dunst"
 fontsDir="$HOME/.config/fontconfig"
+wlogoutDir="$HOME/.config/wlogout"
 picomFile="$HOME/.config/picom.conf"
 gitconfigFile="$HOME/.gitconfig"
 nvimPluggedDir="$HOME/dotfiles/nvim/plugged"
@@ -43,6 +44,7 @@ ln -s $PWD/waybar $waybarDir
 ln -s $PWD/rofi $rofiDir
 ln -s $PWD/dunst $dunstDir
 ln -s $PWD/fontconfig $fontsDir
+ln -s $PWD/wlogout $wlogoutDir
 ln -s $PWD/picom.conf $picomFile
 ln -s $PWD/.gitconfig $gitconfigFile
 

sway/config

@@ -118,6 +118,9 @@ bindsym $mod+Return exec $term
 # Kill focused window
 bindsym $mod+Shift+q kill
 
+# Run wlogout to quit
+bindsym $mod+Shift+e exec --no-startup-id wlogout -b 4 -m 450 -c 30
+
 # Start your launcher
 bindsym $mod+d exec $menu
 

waybar/config

@@ -8,7 +8,8 @@
     "sway/language",
     "network",
     "clock",
-    "tray"
+    "tray",
+    "custom/power-menu"
   ],
 
   "sway/workspaces": {
@@ -61,5 +62,10 @@
   "tray": {
     "icon-size": 16,
     "spacing": 10
+  },
+  "custom/power-menu": {
+    "format": "{icon}",
+    "format-icons": [""],
+    "on-click": "wlogout -b 4 -m 450 -c 30"
   }
 }

waybar/style.css

@@ -41,7 +41,8 @@ window#waybar {
 #network,
 #language,
 #pulseaudio,
-#tray {
+#tray,
+#custom-power-menu {
   background: #202734;
   margin: 10px;
   padding: 10px;

wlogout/layout

@@ -0,0 +1,24 @@
+{
+    "label" : "lock",
+    "action" : "swaylock",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}

wlogout/style.css

@@ -0,0 +1,66 @@
+* {
+  background-image: none;
+}
+window {
+  background-color: #191e2a;
+}
+button {
+  color: #cbccc6;
+  border: none;
+  background-color: #202734;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 20%;
+  font-size: 15px;
+  box-shadow: 0 5px 4px 4px rgba(0, 0, 0, 0.1);
+  text-shadow: none;
+}
+
+button:focus,
+button:active,
+button:hover {
+  background-color: #ffa759;
+  outline-style: none;
+}
+
+#lock {
+  background-image: image(
+    url("/usr/share/wlogout/icons/lock.png"),
+    url("/usr/local/share/wlogout/icons/lock.png")
+  );
+}
+
+#logout {
+  background-image: image(
+    url("/usr/share/wlogout/icons/logout.png"),
+    url("/usr/local/share/wlogout/icons/logout.png")
+  );
+}
+
+#suspend {
+  background-image: image(
+    url("/usr/share/wlogout/icons/suspend.png"),
+    url("/usr/local/share/wlogout/icons/suspend.png")
+  );
+}
+
+#hibernate {
+  background-image: image(
+    url("/usr/share/wlogout/icons/hibernate.png"),
+    url("/usr/local/share/wlogout/icons/hibernate.png")
+  );
+}
+
+#shutdown {
+  background-image: image(
+    url("/usr/share/wlogout/icons/shutdown.png"),
+    url("/usr/local/share/wlogout/icons/shutdown.png")
+  );
+}
+
+#reboot {
+  background-image: image(
+    url("/usr/share/wlogout/icons/reboot.png"),
+    url("/usr/local/share/wlogout/icons/reboot.png")
+  );
+}