init

.config/wlogout/colors.css

@@ -0,0 +1,7 @@
+@define-color background #1d1010;
+@define-color surface #1d1010;
+@define-color on_surface #f8dcdc;
+@define-color primary #ffb3b5;
+@define-color on_primary #680018;
+@define-color outline #a38b8b;
+@define-color error #ffb4ab;

.config/wlogout/layout.json

@@ -0,0 +1,38 @@
+[
+    {
+        "label": "lock",
+        "action": "hyprlock",
+        "text": "Lock (l)",
+        "keybind": "l"
+    },
+    {
+        "label": "reboot",
+        "action": "systemctl reboot",
+        "text": "Reboot (r)",
+        "keybind": "r"
+    },
+    {
+        "label": "shutdown",
+        "action": "systemctl poweroff",
+        "text": "Shut Down (s)",
+        "keybind": "s"
+    },
+    {
+        "label": "logout",
+        "action": "hyprctl dispatch exit",
+        "text": "Exit (e)",
+        "keybind": "e"
+    },
+    {
+        "label": "suspend",
+        "action": "systemctl suspend",
+        "text": "Suspend (u)",
+        "keybind": "u"
+    },
+    {
+        "label": "hibernate",
+        "action": "systemctl hibernate",
+        "text": "Hibernate (h)",
+        "keybind": "h"
+    }
+]

.config/wlogout/style.css

@@ -0,0 +1,39 @@
+@import "colors.css";
+
+* {
+    box-shadow: none;
+    font-family: "JetBrainsMono Nerd Font";
+}
+
+window {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+button {
+    border-radius: 0;
+    border-color: @surface;
+    color: @on_surface;
+    background-color: rgba(0, 0, 0, 0.4);
+    border-style: solid;
+    border-width: 1px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 25%;
+    margin: 5px;
+}
+
+button:focus, button:active, button:hover {
+    background-color: rgba(0, 0, 0, 0.4);
+    color: @on_surface;
+    outline-style: none;
+    border-color: @outline;
+    border-style: solid;
+    border-width: 1px;
+}
+
+#lock { background-image: url("icons/lock.png"); }
+#logout { background-image: url("icons/logout.png"); }
+#suspend { background-image: url("icons/suspend.png"); }
+#hibernate { background-image: url("icons/hibernate.png"); }
+#shutdown { background-image: url("icons/shutdown.png"); }
+#reboot { background-image: url("icons/reboot.png"); }