12 files changed, 106 insertions, 0 deletions
diff --git a/.config/sway/logout.d/power/img/lock-hover.png b/.config/sway/logout.d/power/img/lock-hover.png
new file mode 100644
index 0000000..46c51b0
--- /dev/null
+++ b/.config/sway/logout.d/power/img/lock-hover.png
diff --git a/.config/sway/logout.d/power/img/lock.png b/.config/sway/logout.d/power/img/lock.png
new file mode 100644
index 0000000..f1ec4a2
--- /dev/null
+++ b/.config/sway/logout.d/power/img/lock.png
diff --git a/.config/sway/logout.d/power/img/logout-hover.png b/.config/sway/logout.d/power/img/logout-hover.png
new file mode 100644
index 0000000..b34a150
--- /dev/null
+++ b/.config/sway/logout.d/power/img/logout-hover.png
diff --git a/.config/sway/logout.d/power/img/logout.png b/.config/sway/logout.d/power/img/logout.png
new file mode 100644
index 0000000..59a5aeb
--- /dev/null
+++ b/.config/sway/logout.d/power/img/logout.png
diff --git a/.config/sway/logout.d/power/img/power-hover.png b/.config/sway/logout.d/power/img/power-hover.png
new file mode 100644
index 0000000..a65e429
--- /dev/null
+++ b/.config/sway/logout.d/power/img/power-hover.png
diff --git a/.config/sway/logout.d/power/img/power.png b/.config/sway/logout.d/power/img/power.png
new file mode 100644
index 0000000..6aac455
--- /dev/null
+++ b/.config/sway/logout.d/power/img/power.png
diff --git a/.config/sway/logout.d/power/img/restart-hover.png b/.config/sway/logout.d/power/img/restart-hover.png
new file mode 100644
index 0000000..7921398
--- /dev/null
+++ b/.config/sway/logout.d/power/img/restart-hover.png
diff --git a/.config/sway/logout.d/power/img/restart.png b/.config/sway/logout.d/power/img/restart.png
new file mode 100644
index 0000000..5851243
--- /dev/null
+++ b/.config/sway/logout.d/power/img/restart.png
diff --git a/.config/sway/logout.d/power/img/sleep-hover.png b/.config/sway/logout.d/power/img/sleep-hover.png
new file mode 100644
index 0000000..7c9b6b3
--- /dev/null
+++ b/.config/sway/logout.d/power/img/sleep-hover.png
diff --git a/.config/sway/logout.d/power/img/sleep.png b/.config/sway/logout.d/power/img/sleep.png
new file mode 100644
index 0000000..164f5fb
--- /dev/null
+++ b/.config/sway/logout.d/power/img/sleep.png
diff --git a/.config/sway/logout.d/power/layout b/.config/sway/logout.d/power/layout
new file mode 100644
index 0000000..2b53986
--- /dev/null
+++ b/.config/sway/logout.d/power/layout
@@ -0,0 +1,30 @@
+{
+    "label" : "lock",
+    "action" : "swaylock -f -c 14171d",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "loginctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "suspend",
+    "action" : "loginctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}
+{
+    "label" : "reboot",
+    "action" : "reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}
diff --git a/.config/sway/logout.d/power/style.css b/.config/sway/logout.d/power/style.css
new file mode 100644
index 0000000..e80dd33
--- /dev/null
+++ b/.config/sway/logout.d/power/style.css
@@ -0,0 +1,76 @@
+nk* {
+    font-family: "Fira Mono", "Font Awesome 6 Pro", monospace;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+window {
+	background-color: rgba(0, 0, 0, 0);
+}
+
+button {
+	background-color: #242434;
+    background-image: none;
+    color: #89ADF8;
+	border: 1px solid rgba(0, 0, 0, 0);
+    margin: 5px;
+	border-radius: 10px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 35%;
+}
+
+button:focus, button:active {
+	background-color: #89B4FA;
+    color: #242434;
+    font-weight: 500;
+	outline-style: none;
+}
+
+#lock {
+    background-image: image(url("img/lock.png"));
+}
+
+#logout {
+    background-image: image(url("img/logout.png"));
+}
+
+#suspend {
+    background-image: image(url("img/sleep.png"));
+}
+
+#hibernate {
+    background-image: image(url("img/hibernate.png"));
+}
+
+#shutdown {
+    background-image: image(url("img/power.png"));
+}
+
+#reboot {
+    background-image: image(url("img/restart.png"));
+}
+
+#lock:focus {
+    background-image: image(url("img/lock-hover.png"));
+}
+
+#logout:focus {
+    background-image: image(url("img/logout-hover.png"));
+}
+
+#suspend:focus {
+    background-image: image(url("img/sleep-hover.png"));
+}
+
+#hibernate:focus {
+    background-image: image(url("img/hibernate-hover.png"));
+}
+
+#shutdown:focus {
+    background-image: image(url("img/power-hover.png"));
+}
+
+#reboot:focus {
+    background-image: image(url("img/restart-hover.png"));
+}