initial commit

wlogout/layout

@@ -0,0 +1,35 @@
+{
+  "label" : "shutdown",
+  "action" : "systemctl poweroff",
+  "text" : "Shutdown"
+}
+
+{
+  "label" : "lock",
+  "action" : "loginctl lock-session",
+  "text" : "Lock"
+}
+
+{
+  "label" : "reboot",
+  "action" : "systemctl reboot",
+  "text" : "Reboot"
+}
+
+{
+  "label" : "logout",
+  "action" : "hyprctl dispatch exit 0",
+  "text" : "Logout"
+}
+
+{
+  "label" : "suspend",
+  "action" : "systemctl suspend",
+  "text" : "Suspend"
+}
+
+{
+  "label": "hibernate",
+  "action": "systemctl hibernate",
+  "text": "Hibernate"
+}

wlogout/style.css

@@ -0,0 +1,69 @@
+window {
+	background-color: rgba(17, 17, 17, 0.8);
+}
+
+button {
+  margin: 4px;
+  color: #cdd6f4;
+	background-color: #1e1e2e;
+  background-repeat: no-repeat;
+	background-position: 50% 32%;
+	background-size: 25%;
+  border-radius: 10px;
+  transition: 0.2s ease-out all;
+}
+
+button:focus, button:active, button:hover {
+  background-color: #89b4fa;
+  color: #1e1e2e;
+  box-shadow: none;
+}
+
+#shutdown {
+  background-image: image(url("./icons/inactive/shutdown.png"), url("./icons/inactive/shutdown.png"));
+}
+
+#reboot {
+  background-image: image(url("./icons/inactive/reboot.png"), url("./icons/inactive/reboot.png"));
+}
+
+#suspend {
+  background-image: image(url("./icons/inactive/suspend.png"), url("./icons/inactive/suspend.png"));
+}
+
+#lock {
+  background-image: image(url("./icons/inactive/lock.png"), url("./icons/inactive/lock.png"));
+}
+
+#logout {
+  background-image: image(url("./icons/inactive/logout.png"), url("./icons/inactive/logout.png"));
+}
+
+#hibernate {
+  background-image: image(url("./icons/inactive/hibernate.png"), url("./icons/inactive/hibernate.png"));
+}
+
+#shutdown:focus, #shutdown:active, #shutdown:hover {
+  background-image: image(url("./icons/active/shutdown.png"), url("./icons/active/shutdown.png"));  
+}
+
+#reboot:focus, #reboot:active, #reboot:hover {
+  background-image: image(url("./icons/active/reboot.png"), url("./icons/active/reboot.png"));
+}
+
+#suspend:focus, #suspend:active, #suspend:hover {
+  background-image: image(url("./icons/active/suspend.png"), url("./icons/active/suspend.png"));
+}
+
+#lock:focus, #lock:active, #lock:hover {
+  background-image: image(url("./icons/active/lock.png"), url("./icons/active/lock.png"));
+}
+
+#logout:focus, #logout:active, #logout:hover {
+  background-image: image(url("./icons/active/logout.png"), url("./icons/active/logout.png"));
+}
+
+#hibernate:focus, #hibernate:active, #hibernate:hover {
+  background-image: image(url("./icons/active/hibernate.png"), url("./icons/active/hibernate.png"));
+}
+