Updated wlogout and hyprland.conf

.config/hypr/hyprland.conf

@@ -14,17 +14,17 @@ env = XCURSOR_SIZE,12
 general { 
     gaps_in = 2
         gaps_out = 15
-        border_size = 0
+        border_size = 1
         col.active_border = $color9
-        col.inactive_border = rgba(00000000)
+        col.inactive_border = $color5
         resize_on_border = true
         allow_tearing = false
         layout = dwindle
 }
 decoration {
-    rounding = 4
+    rounding = 10
         active_opacity = 0.8
-        inactive_opacity = 0.7
+        inactive_opacity = 0.5
         fullscreen_opacity = 1
         blur {
             enabled = true
@@ -34,17 +34,12 @@ decoration {
                 ignore_opacity = true
                 xray = false
                 popups = true
-                blurls = waybar
-                blurls = wofi
-                blurls = swaync-control-center
-                blurls = swaync-notification-window
         }
     shadow {
-        enabled = false
-            range = 10
-            render_power = 5
+        enabled = true
+            range = 15
+            render_power = 3
             color = $color0
-            ignore_window = true
     }
 }
 animations {
@@ -137,9 +132,7 @@ bind = ALT, w, exec, ~/.config/hypr/wallpaper.sh
 bind = ALT, a, exec, ~/.config/waybar/refresh.sh 
 bind = ALT, r, exec, ~/.config/swaync/refresh.sh
 bind = $mainMod, M, exit
-layerrule = blur, wofi
-layerrule = ignorezero, wofi
-layerrule = ignorealpha 0.5, wofi
+
 layerrule = blur, waybar
 layerrule = ignorezero, waybar
 layerrule = ignorealpha 0.5, waybar
@@ -149,5 +142,4 @@ layerrule = ignorezero, swaync-control-center
 layerrule = ignorezero, swaync-notification-window
 layerrule = ignorealpha 0.5, swaync-control-center
 layerrule = ignorealpha 0.5, swaync-notification-window
-windowrule = rounding 10, wofi
 #windowrulev2 = suppressevent maximize, class:.*

.config/wlogout/style.css

@@ -1,17 +1,17 @@
 @import url('/home/eli/.cache/wal/colors-waybar.css');
 * {
-	all: unset;
-	background-image: none;
+    all: unset;
+    background-image: none;
     margin: unset;
     padding: unset;
-
+    transition: 200ms cubic-bezier(0, 0, 1, 1);
 }
 button {
-	font-family: 'CodeNewRoman Nerd Font Mono';
-	background-color: alpha(@color9,1);
-	border-radius: 5px;
-	background-repeat: no-repeat;
-	background-position: center;
+    font-family: 'CodeNewRoman Nerd Font Mono';
+    background-color: alpha(@color9,1);
+    border-radius: 5px;
+    background-repeat: no-repeat;
+    background-position: center;
 
 
 }
@@ -19,49 +19,52 @@ button {
     background-image: image(url("/home/eli/.config/wlogout/lock.png"));
     margin : 5px 5px 5px 300px;
     padding: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
 #shutdown {
     background-image: image(url("/home/eli/.config/wlogout/power.png"));
     margin : 5px 300px 5px 5px;
     padding: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
 #logout {
     background-image: image(url("/home/eli/.config/wlogout/logout.png"));
     margin : 5px 300px 5px 5px;
     padding: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
 #reboot {
 
     background-image: image(url("/home/eli/.config/wlogout/restart.png"));
     margin : 5px 5px 5px 300px;
     padding: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
 
 #lock:focus {
     background-image: image(url("/home/eli/.config/wlogout/lock.png"));
-    margin : -50px 5px 5px 200px;
-    padding: 10px;
+    margin : 5px 5px 5px 200px;
+    padding: 5px;
 
 }
 #shutdown:focus {
     background-image: image(url("/home/eli/.config/wlogout/power.png"));
-    margin : 5px 200px -50px 5px;
-    padding: 10px;
+    margin : 5px 200px 5px 5px;
+    padding: 5px;
 }
 #logout:focus {
     background-image: image(url("/home/eli/.config/wlogout/logout.png"));
-    margin : -50px 200px 5px 5px;
-    padding: 10px;
+    margin : 5px 200px 5px 5px;
+    padding: 5px;
 }
 #reboot:focus {
-
     background-image: image(url("/home/eli/.config/wlogout/restart.png"));
-    margin : 5px 5px -50px 200px;
-    padding: 10px;
+    margin : 5px 5px 5px 200px;
+    padding: 5px;
 }
 button:focus{
-	background-color: alpha(@color5,1);
+    background-color: alpha(@color5,1);
     color: #000000;
-	transition: 300ms cubic-bezier(0, 0, 1, 1);
+
     background-position:center;
 }