From 2cb32c3746ab2bc8fbabf8337345b1646da950a5 Mon Sep 17 00:00:00 2001
From: Stephan Raabe <mail@stephan-raabe.de>
Date: Mon, 11 Sep 2023 13:42:16 +0200
Subject: [PATCH] Update style

---
 wlogout/layout    | 27 +++++++++++----------
 wlogout/style.css | 60 +++++++++++++++++++++++++++++++++++++----------
 2 files changed, 61 insertions(+), 26 deletions(-)

diff --git a/wlogout/layout b/wlogout/layout
index 75c8f18..488aa5b 100644
--- a/wlogout/layout
+++ b/wlogout/layout
@@ -1,35 +1,36 @@
 {
     "label" : "lock",
     "action" : "swaylock",
-    "text" : "Lock"
+    "text" : "Lock",
+    "keybind" : "l"
 }
-
 {
     "label" : "hibernate",
     "action" : "systemctl hibernate",
-    "text" : "Hibernate"
+    "text" : "Hibernate",
+    "keybind" : "h"
 }
-
 {
     "label" : "logout",
-    "action" : "hyprctl dispatch exit 0",
-    "text" : "Logout"
+    "action" : "loginctl terminate-user $USER",
+    "text" : "Logout",
+    "keybind" : "e"
 }
-
 {
     "label" : "shutdown",
     "action" : "systemctl poweroff",
-    "text" : "Shutdown"
+    "text" : "Shutdown",
+    "keybind" : "s"
 }
-
 {
     "label" : "suspend",
     "action" : "systemctl suspend",
-    "text" : "Suspend"
+    "text" : "Suspend",
+    "keybind" : "u"
 }
-
 {
     "label" : "reboot",
     "action" : "systemctl reboot",
-    "text" : "Reboot"
-}
\ No newline at end of file
+    "text" : "Reboot",
+    "keybind" : "r"
+}
diff --git a/wlogout/style.css b/wlogout/style.css
index 8b90d80..b20f2c8 100644
--- a/wlogout/style.css
+++ b/wlogout/style.css
@@ -1,44 +1,78 @@
+/*
+          _                         _    
+__      _| | ___   __ _  ___  _   _| |_  
+\ \ /\ / / |/ _ \ / _` |/ _ \| | | | __| 
+ \ V  V /| | (_) | (_| | (_) | |_| | |_  
+  \_/\_/ |_|\___/ \__, |\___/ \__,_|\__| 
+                  |___/                  
+ 
+by Stephan Raabe (2023) 
+----------------------------------------------------- 
+*/
+
 * {
 	background-image: none;
+	transition: 0ms;
 }
+
 window {
-	background-color: rgba(12, 12, 12, 0.5);
+	background-color: rgba(12, 12, 12, 0.1);
+	background-image: url('./noise.png');
 }
+
 button {
-    color: #FFFFFF;
-	background-color: #1E1E1E;
+	color: #FFFFFF;
 	border-style: solid;
-	border-width: 0px;
+	border-width: 2px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: 25%;
+
+	background-color: rgba(108, 112, 134, 0.4);
+	border: 1px solid rgba(108, 112, 134, 0.3);
+	border-top: 1px solid rgba(108, 112, 134, 0.3);
 }
 
-button:focus, button:active, button:hover {
-	background-color: #3700B3;
-	outline-style: none;
+button:focus,
+button:active,
+button:hover {
+	background-color: rgba(156, 161, 192, 0.5);
+	border: 1px solid rgba(108, 112, 134, 0.15);
+	border-top: 1px solid rgba(108, 112, 134, 0.15);
 }
 
 #lock {
-    background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
+	margin: 10px;
+	border-radius: 20px;
+	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"));
+	margin: 10px;
+	border-radius: 20px;
+	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"));
+	margin: 10px;
+	border-radius: 20px;
+	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"));
+	margin: 10px;
+	border-radius: 20px;
+	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"));
+	margin: 10px;
+	border-radius: 20px;
+	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"));
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
 }