✨ feat(wlogout): add pywal color support, add extra styling

wlogout/layout

@@ -1,3 +1,9 @@
+{
+    "label" : "lock",
+    "action" : "hyprlock",
+    "text" : "Lock",
+    "keybind" : "l"
+}
 {
     "label" : "shutdown",
     "action" : "systemctl poweroff",

wlogout/style.css

@@ -13,28 +13,46 @@ window {
 	background-color: alpha(shade(@background, .6), .6);
 }
 
+window > * > * {
+    border: 2px solid @color2;
+    border-radius: 18.8px;
+}
+
+button:first-child {
+    border-radius: 16px 0 0 16px;
+}
+
 button {
-    border-radius: 16px;
-    border: 1px solid @color2;
+    border-radius: 0;
     color: @foreground;
 	background-color: @background;
     background-position: center;
-	background-size: 30%;
-    margin-right: 10px;
-    margin-bottom: 10px;
+	background-size: 40%;
     transition: 150ms linear;
     font-size: 1.25em;
     font-weight: 700;
 }
 
+button:last-child {
+    border-radius: 0 16px 16px 0;
+}
+
 button:focus, button:hover {
 	background-color: shade(@color1, .75);
 }
 
+button:focus:hover {
+    background-color: @color3;
+}
+
 button:active {
     background-color: @color1;
 }
 
+#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"));
 }