optimize

.memo/hyprland-ricing

@@ -1,23 +1,26 @@
-安装的东西:
+things installed:
 
 hyprland
 hyprpaper
 hypridle
 hyprlock
 hyprshot
-hyprland-plugin-hyprexpo    # 类似监控室老大爷视角 :/
+hyprlicker                  # kcolorchooser also works though
+hyprland-plugin-hyprexpo    # scale workspaces and put them in a grid
 
 xdg-desktop-portal-hyprland # not working with my Intel iGPU, but fine with NVIDIA dGPU
-xdg-desktop-portal-gnome
-xdg-desktop-portal-gtk
+xdg-desktop-portal-gnome    # not necessary maybe, but just in case
+xdg-desktop-portal-gtk      # required by nautilus for file picker
 
 mako                    # notification daemon
-gnome-keyring
+gnome-keyring           # --password-store=gnome-libsecret
 wl-clipboard
+cliphist                # clipboard history
 network-manager-applet  # nm-applet
 slurp                   # region selector
 wf-recorder             # screen recorder
 brightnessctl
+pamixer
 qt5ct
 qt6ct
 
@@ -25,19 +28,16 @@ waybar
 eww
 wlogout
 fuzzel
-hyprpicker
-cliphist
 blueman             # bluetooth GUI & applet
 pavucontrol
-pamixer
-nautilus            # dolphin doesn't look nice in Hyprland
-gnome-text-editor   # neither does kwrite, even with Kvantum
+nautilus            # file manager and file picker
+gnome-text-editor   # or kwrite, just notepad replacement
 btop                # system monitor
 
 ttf-font-awesome
 nwg-look                    # theme of GTK apps
 catppuccin-gtk-theme-mocha  # theme of GTK apps
-polkit-gnome
+polkit-gnome                # polkit authentication agent
 
 kitty       # normal terminal
 ghostty     # floating terminal, for btop for example#

eww/Main/eww.scss

@@ -7,7 +7,7 @@
     background-color: $bg;
     font-family: 'Font Awesome 6 Free';
     border-radius: 20px;
-    border: 3px solid $blue;
+    border: 2px solid $blue;
 }
 
 .date-box {
@@ -55,6 +55,12 @@
     font-size: 60px;
 }
 
+.weather-updatetime {
+    color: $fg-alt;
+    font-size: 12px;
+    margin-top: 10px;
+}
+
 .stats-box {
     background-color: $gray-alt;
     margin: 20px 20px 0px 20px;

eww/Main/eww.yuck

@@ -4,9 +4,10 @@
 (defpoll date :interval "1s" "date '+%A, %B %d'")
 (deflisten notifications-cards "Main/scripts/logger.zsh subscribe")
 (defpoll notifications-crits :interval "1s" "Main/scripts/logger.zsh crits")
-(defpoll weather-icon :interval "20m" "Main/scripts/weather --icon")
-(defpoll weather-temp :interval "20m" "Main/scripts/weather --temp")
-(defpoll weather-desc :interval "20m" "Main/scripts/weather --stat")
+(defpoll weather-icon :interval "5m" "Main/scripts/weather --icon")
+(defpoll weather-temp :interval "5m" "Main/scripts/weather --temp")
+(defpoll weather-desc :interval "5m" "Main/scripts/weather --stat")
+(defpoll weather-updatetime :interval "5m" "Main/scripts/weather --updatetime")
 (deflisten weather-color :initial "#7aa2f7" "Main/scripts/weather --hex")
 (defpoll calendar-day :interval "20h" "+%d")
 (defpoll calendar-year :interval "20h" "+%Y")
@@ -42,8 +43,9 @@
         (label :class "time" :text time)
         (label :class "date" :text date))
       (box :class "weather-box" :space-evenly "false" :hexpand "true" :orientation "v"
-        (label :class "weather-desc" :halign "start" :text weather-desc)
-        (label :class "weather-temp" :halign "start" :text weather-temp)
+      (label :class "weather-desc" :halign "start" :text weather-desc)
+      (label :class "weather-temp" :halign "start" :text weather-temp)
+      (label :class "weather-updatetime" :halign "start" :text weather-updatetime)
         (label :class "weather-icon" :halign "end" :valign "end" :text weather-icon :style "color: ${weather-color}")))
     (box :class "second-row" :orientation "h" :space-evenly "false"
       (box :class "stats-box" :space-evenly "false" :orientation "v" :spacing 8

eww/Main/scripts/weather

@@ -6,6 +6,7 @@ cache_weather_stat=${cache_dir}/weather-stat
 cache_weather_degree=${cache_dir}/weather-degree
 cache_weather_hex=${cache_dir}/weather-hex
 cache_weather_icon=${cache_dir}/weather-icon
+cache_weather_updatetime=${cache_dir}/weather-updatetime
 
 if [[ -z "$OPENWEATHER_API_KEY" ]]; then
 	echo "Please set the OPENWEATHER_API_KEY environment variable."
@@ -33,8 +34,9 @@ fi
 
 ## Get data
 get_weather_data() {
-	weather=`curl -sf "http://api.openweathermap.org/data/3.0/onecall?lat=${LAT}&lon=${LON}&exclude=minutely,hourly,daily&appid=${KEY}&units=${UNITS}" | jq -r ".current"`
-	echo ${weather}
+	weather=`curl -sf "http://api.openweathermap.org/data/3.0/onecall?lat=${LAT}&lon=${LON}&exclude=minutely,hourly,daily&appid=${KEY}&units=${UNITS}"`
+	echo ${weather} >&2
+	weather=$(echo "$weather" | jq -r ".current")
 
 	if [ ! -z "$weather" ]; then
 		weather_temp=`echo "$weather" | jq ".temp" | cut -d "." -f 1`
@@ -110,17 +112,38 @@ get_weather_data() {
 		echo "$weather_description" > ${cache_weather_stat}
 		echo "$weather_temp""°C" > ${cache_weather_degree}
 		echo "$weather_hex" > ${cache_weather_hex}
+		date "+%Y-%m-%d %H:%M:%S" | tee ${cache_weather_updatetime} >/dev/null
 	else
 		echo "Weather Unavailable" > ${cache_weather_stat}
 		echo " " > ${cache_weather_icon}
 		echo "-" > ${cache_weather_degree}
 		echo "#adadff" > ${cache_weather_hex}
+		date "+%Y-%m-%d %H:%M:%S" | tee ${cache_weather_updatetime} >/dev/null
 	fi
 }
 
+check_network() {
+	local max=12
+	local cnt=0
+
+	while [ $cnt -lt $max ]; do
+        if ping -c1 8.8.8.8 &>/dev/null || ping -c1 1.1.1.1 &>/dev/null; then
+            return 0
+        fi
+        echo "Waiting for network connection... (attempt: $((cnt + 1))/$max)" >&2
+        sleep 5
+        ((cnt++))
+    done
+
+	echo "Network connection failed after $max attempts." >&2
+	return 1
+}
+
 ## Execute
 if [[ "$1" == "--getdata" ]]; then
-	get_weather_data
+	if check_network; then
+		get_weather_data
+	fi
 elif [[ "$1" == "--icon" ]]; then
 	cat ${cache_weather_icon}
 elif [[ "$1" == "--temp" ]]; then
@@ -129,4 +152,6 @@ elif [[ "$1" == "--hex" ]]; then
 	tail -F ${cache_weather_hex}
 elif [[ "$1" == "--stat" ]]; then
 	cat ${cache_weather_stat}
+elif [[ "$1" == "--updatetime" ]]; then
+	cat ${cache_weather_updatetime}
 fi

fastfetch/logo_rm/24x.symbols

@@ -1,16 +0,0 @@
-[?25l ▗▃▂▂▁▁▁▂▂▃▖▁           
-  ▖▏▆▇▇▇┇╷▗┈▗           
-  ▌╶▁▁▂╻▃╴▖╶╾           
-  ▆▖▇▇╵▆▆▁╶▃▇▄▂▅▆▅▄▃▂   
-  ▗▆▆┵╺┉▄▖▆▗▂▄▁┻╸╶▘▝▏▌  
- ╶▎▁▁▗╸▅┳▁▖▆╶▄▃▏▁▁▁▃╴▉  
- ▊▝▁▊▝▎╶▉▏▆▚┊▎▅▁▅▚┊━▇   
- ▋▍▉▄▖╷┊╼┻╸▁▊▃▃┏▂▆╴▘▝▝▃╸
- ▍▘▁▍▇╵╴┉╴▃▃┛┈▍▇▅▝▃▅─▗▆ 
-  ▖┊▆╴▊▝┈╴▆▁▃▂▅▘▆▄▂▂╴▇▄▘
-  ▎▂▁▃▘▝▇▅▇╴▖▗▆╺╶▝▁╷ ▇  
-  ▌▎▉▖╴▁▉╴╴┈▗▅▘▂▅▇▅▄━┻  
-  ▆▅╹╴▇▊▇▃▊▇▗▅▆         
-    ▝▁▝▏▂▃▘▋▍           
-      ▇▇▆ ▇▇            
-[?25h

fastfetch/logo_rm/32x.symbols

@@ -1,23 +0,0 @@
-[?25l  ▂▁          ▁                 
-  ▖▗▇▇▆▅▆▆▅▇▇┓▗▅▅▌              
-   ▖╸╴┈╴▂╷┈┒▋▗▘▌▗               
-   ▍┈╷─▊▁╌╷└╷┗╺▗╸▂              
-   ▂┈╹▄▏▆╺━╴╸▂▝▂▝▆╻  ▂▁▁        
-  ▊ ▖╵▂▁╴╴▁▁▃▏╲▅▄▂▅▄━▇╹╺┊▆━▃    
-   ▗▆▖╾▂▄━▃▃▄▏▅▂▂▝▖▆▁╸╼┑▆━╹▅▋   
-   ▘▆╿▖▂▂▁▁▃▘▂▝╾▖▆▇▇▃▆━┊▃┙▝▁▝▖  
-  ▌▗▂▃▖▖▘▃▆▇▄╴▂┑▇▖▇▇▂▃▗▃▃▄▝▇▂▘  
-  ▍▝▃▁▍▋▍╴╸▊▏▝▆▚╌▊▊▅▖▆▄▝╴▄▇     
-  ▎▖▆▍▃▗▍╹▁▁▝▃▆▆┈▏▘╴▍▇▅┖┊▚▇▖╻   
-  ▏▏▅▎▉╲╻╺╵▆▆▅╾╷▂▇▇▇▘▅▆▁▃▇▇▃▆▆▚ 
- ▊┊▘▇▉▗└▂▏▍┓╴╷▂▂▃╹╵▎▚╶▅▆▃▆▅▄▗▅  
-  ▝▖▇▗▘▉╴▝╴┊▁━╵▇▗▏┈▂▂▍▄▁╾▉▃▅▝▆▂ 
-   ▍▂▁▂▊╹▎▝▂▇▁▂▄▇▅▉▆▁▘▌▗▆▅▄▂━━▅ 
-  ▉▃▁╵▁▃┙▆┈▄▆▇╼╴▖▇▃▊╴╾╾▃ ▗▁▁    
-  ▊▎╺▇▌ ▁▗▃┊╸┈  ▋▁╱▘▌▗▅▅▃━▁▂▇   
-  ▊┊╴▁▂┈▇┌─┈┊ ▗▂▃▅┊▂▄      ▇▇   
-   ▝▇▖▇▁┊▎▍▗▃▖▘▌▉▆▇             
-     ▝▘▎▇▍▝╴▆▗▏▋▋               
-      ▆▅▃▂▂▁▆▝▂▂▘               
-                                
-[?25h

fastfetch/logo_ros/24x.symbols

@@ -0,0 +1,12 @@
+[?25l                        
+      ▗▄▂     ▗▆        
+      ▋╻╲▆▄▂▂▃┈╺▝       
+      ▋╴╴▄╵┊▅╌▏▉▏▝      
+      ▗▏╴╹▏▇╵╴╵╻▇╸▝▖    
+     ╼╴╷▁▁╴╺▁▁▂▏▆┊╴▊    
+     ▍╴╵▊▃▎ ▋▄▇╸╱╲╹▂▆   
+     ▃▖╴┈╵▆╵╶▗▖╴▄▆▄╾╼▌  
+     ▋╷┈┊╴╷╷▂╴╴▅▝▁▁▃▊▇▎ 
+ ▄▃▁╶╼▅▅▅▄▄▄▄▅▅▅▁▁▁▂╸▆▆ 
+    ▇                   
+[?25h

fastfetch/logo_ros/32x.symbols

@@ -0,0 +1,16 @@
+[?25l                                
+         ▁          ▄           
+        ▊▇▆▄▁     ▗▘▉▝          
+        ▊▉▏┐▇▅▃▂▂▂▘╵╴┊▌         
+        ▊▎╴╴╺╴▇┈┖╺┊╴╷╴▝▖        
+         ▏╵▄┌╴╺╸╴╴╵▖▇╵╶▇▄       
+        ▗┈▂┎╻▌ ╴╷┒┈╵▏▉┊╷▂▝      
+      ┌╼▇╴╶┊╵╲┈╱╴┊┊▁▏▆▉┊┊▇▅     
+       ▍▏╸▄▆▆┑▇ ▊▆▘┕╱╴▚╴│╻▇▄    
+      ▗▏┕┈╶┊▅╵╴▁┈▘╵╲╼▁▁▖▂▆▆▝▖   
+      ▆▖▋╵▆┈▁▃▅▅┈╺▋┊╵▌▅▄▅▄▄▃▌   
+       ▗▘▁▂╴▂╷▁▁▁▁▁┊▅▝▁▝▄▃╴▂▇▋  
+─▄▄▅▆▆▅▁▂▂▂▂▁▁▁▁▁▊▂▂▂▂╴▆▆▅▄▃▃▃━━
+   ▇▄▂▂━             ▃▄▃▄▄▆     
+                                
+[?25h

fastfetch/logo_ros/42x.symbols

@@ -0,0 +1,21 @@
+[?25l                                          
+                                          
+           ▗▄▂           ▗▆▝              
+           ▌▆╶▆▃▂       ▗▏▅╷▝             
+           ▌▉▏┄▏▇▅▃    ▗▇┈╺┉╴▍            
+           ▋╶┊┊╻▁╴┈▇╶▇▇╴┈┊▂▉▏▝▖           
+           ▋╴╷╸▇╵▇▏▅▅▇▄┊╴▂╴╴▏▌▝           
+           ▉╴╴▅▅╻┊▊▝▘▉┊┈╺┒▂▂╵┉╴▝▖         
+           ▘▏ ┈╶╹▄ ▇▇▊┊▁▅╴┈▍▝┈┊▁┈▝        
+          ▃╴▄▖╷┊╷╻ ▂╷╵┈╻┈┊┊▝▃▃┊╎╴▉▅▄      
+        ▅▅▏╵▇▁▂▃▃▖┊╺╴┊▃▃▃▁╴▁▁╶▏▉┄╸▝       
+         ▌╷▍╾▅▇╹▚┈▏  ▉▏▇╹▇▏╴┊╵▏╺╴╷▉▇▖     
+         ▘╱╲╺┊▏╵▃┈┊▝━╍╲▃╵▁╴╴▆┌╱╱╷▂▆▃▝▃    
+        ▝▂┕┄│╶╵▆▇▇▇▇╴┊╴▁▗▏▏▏▃▂┯▁┛▄▃▃▄▋    
+          ▅▘╵▂▄▄▄▆▆   ▝▇▄╴┈┈▍▖▗▅▇▆╴▇▇▅▃   
+         ▊▘╻▁┈┈▃▃╷▂┊▁▁▁▁▁╴┊╾▝▖▆▆▅▄┊▇▃▘▉   
+ ▃▃▃▄▅▅▅▄▘╴▍▖╴▁▁▁▁▁▁▌╴╱▎▁▁▃╴┈┊▆▅▆▄▃┈▃▂▂━──
+ ▆▆▆▅▂┊╵▄▂▁ ▇▇  ▆▆▆▆▆▆▆▆   ▍╸▇▁▁┊▁▃▘      
+      ▇▅▅▇▇                 ▇▇▇▇▇         
+                                          
+[?25h

fish/post.d/fetch.fish

@@ -3,17 +3,17 @@ if not set -q fetch_logo_type
 end
 
 if test "$fetch_logo_type" = "symbols"
-    set -g fetch_args "--logo-type raw --logo-width 32 --logo \"$HOME/.config/fastfetch/logo_mugi/32x.symbols\""
-    set -g fetch_args_brief "--logo-type raw --logo-width 24 --logo \"$HOME/.config/fastfetch/logo_mugi/24x.symbols\""
+    set -g fetch_args "--logo-type raw --logo-width 42 --logo \"$HOME/.config/fastfetch/logo_ros/42x.symbols\" --color \"#74c7ec\""
+    set -g fetch_args_brief "--logo-type raw --logo-width 24 --logo \"$HOME/.config/fastfetch/logo_ros/24x.symbols\" --color \"#74c7ec\""
 else if test "$fetch_logo_type" = "logo"
     set -g fetch_args "--logo-type builtin"
     set -g fetch_args_brief "--logo-type small"
 else if test "$fetch_logo_type" = "sixel"
-    set -g fetch_args "--logo-type raw --logo-width 32 --logo \"$HOME/.config/fastfetch/logo_mugi/32x.sixel\""
-    set -g fetch_args_brief "--logo-type raw --logo-width 24 --logo \"$HOME/.config/fastfetch/logo_mugi/24x.sixel\""
+    set -g fetch_args "--logo-type raw --logo-width 42 --logo \"$HOME/.config/fastfetch/logo_ros/42x.sixel\" --color \"#74c7ec\""
+    set -g fetch_args_brief "--logo-type raw --logo-width 24 --logo \"$HOME/.config/fastfetch/logo_ros/24x.sixel\" --color \"#74c7ec\""
 else # "kitty" or "auto" and others
-    set -g fetch_args "--logo-type $fetch_logo_type --logo-height 21 --logo \"$HOME/.config/fastfetch/logo_mugi/mugi_3.png\""
-    set -g fetch_args_brief "--logo-type $fetch_logo_type --logo-height 13 --logo \"$HOME/.config/fastfetch/logo_mugi/mugi_1.png\""
+    set -g fetch_args "--logo-type $fetch_logo_type --logo-width 42 --logo \"$HOME/.config/fastfetch/logo_ros/ros.png\" --color \"#74c7ec\""
+    set -g fetch_args_brief "--logo-type $fetch_logo_type --logo-width 24 --logo \"$HOME/.config/fastfetch/logo_ros/ros.png\" --color \"#74c7ec\""
 end
 
 if type -q fastfetch

hypr/hyprland/general.conf

@@ -49,7 +49,7 @@ general {
     gaps_in = 2
     gaps_out = 0, 3, 3, 3
     gaps_workspaces = 50
-    border_size = 2
+    border_size = 1
 
     resize_on_border = true
     no_focus_fallback = true

hypr/hyprland/keybinds.conf

@@ -25,7 +25,7 @@ bind = Super, Space, exec, pkill fuzzel || fuzzel -d -l 0 | xargs -r -I{} bash -
 # Screenshot, Record, OCR, Color picker, Clipboard history
 bind = Super, V, exec, pkill fuzzel || cliphist list | fuzzel  --match-mode fzf --dmenu | cliphist decode | wl-copy # Clipboard history >> clipboard
 bind = Super, Period, exec, pkill fuzzel || ~/.scripts/fuzzel-emoji # Pick emoji >> clipboard
-bind = Ctrl+Shift+Alt, Delete, exec, pkill wlogout || wlogout -p layer-shell # [hidden]
+bind = Ctrl+Alt, Delete, exec, pkill wlogout || wlogout -p layer-shell # [hidden]
 bind = Super+Shift, S, exec, hyprshot -m region # Screen snip
 bind = , Print, exec, hyprshot -m region # Screen snip
 # Color picker

hypr/hyprland/rules.conf

@@ -6,9 +6,11 @@
 # Disable blur for XWayland windows (or context menus with shadow would look weird)
 windowrulev2 = noblur, xwayland:1
 
-# kitty
+# Terminal(s)
 windowrulev2 = float, class:^(com.mitchellh.ghostty)$
 windowrulev2 = size 60%, class:^(com.mitchellh.ghostty)$
+windowrulev2 = opacity 1 override 0.8 override, class:^(com.mitchellh.ghostty)$
+windowrulev2 = opacity 1 override 0.8 override, class:^(kitty)$
 
 # Floating
 windowrulev2 = float, class:^(blueberry\.py)$

waybar/config.jsonc

@@ -217,18 +217,50 @@
 
     // Hyprland
     "group/workspaceactions": {
-        "modules": ["hyprland/workspaces", "custom/workspacenew"],
+        "modules": ["hyprland/workspaces#special", "hyprland/workspaces", "custom/workspacenew"],
         "orientation": "inherit"
     },
     "hyprland/workspaces": {
         "all-outputs": true,
         "format": "{name}",
-        "show-special": true,
         "on-scroll-up": "hyprctl dispatch workspace e+1 1>/dev/null",
         "on-scroll-down": "hyprctl dispatch workspace e-1 1>/dev/null",
         "sort-by-number": true,
         "active-only": false
     },
+    "hyprland/workspaces#special": {
+        "active-only": false,
+        // waiting for a smarter way in coming versions
+        "ignore-workspaces": [
+            "1",
+            "2",
+            "3",
+            "4",
+            "5",
+            "6",
+            "7",
+            "8",
+            "9",
+            "10",
+            "11",
+            "12",
+            "13",
+            "14",
+            "15",
+            "16",
+            "17",
+            "18",
+            "19",
+            "20"
+        ],
+        "show-special": true,
+        "special-visible-only": false,
+        "format": "{icon}",
+        "format-icons": {
+            "special": "S",
+            "default": "C"
+        }
+    },
     "custom/workspacenew": {
         "format": "+",
         "tooltip": false,

waybar/style.css

@@ -1,7 +1,7 @@
 @import 'mocha.css';
 
 * {
-    font-family: 'Font Awesome 6 Free', 'MesloLGM Nerd Font', 'Maple Mono CN ExtraLight', 'Noto Sans', Arial, sans-serif;
+    font-family: 'Font Awesome 6 Free', 'Maple Mono CN ExtraLight', 'Noto Sans', Arial, sans-serif;
     font-size: 12px; /* Slightly smaller font size */
     font-weight: 900;
     margin: 0;
@@ -25,7 +25,7 @@
     transition-property: background-color;
     transition-duration: 0.5s;
     border-radius: 0px;
-    margin: 0px 0px;
+    margin: 0px;
 }
 
 window#waybar.hidden {
@@ -34,7 +34,7 @@ window#waybar.hidden {
 
 tooltip {
     background: @base;
-    border: 3px solid @overlay0;
+    border: 2px solid @overlay0;
 }
 
 #custom-workspacenew,
@@ -65,7 +65,7 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 3px 6px; /* Adjusted padding to reduce height */
-    border: 3px solid @blue;
+    border: 2px solid @blue;
 }
 
 #workspaces {
@@ -77,6 +77,10 @@ tooltip {
     background-color: alpha(@blue, 0.3);
 }
 
+#custom-workspacespecial:hover {
+    background-color: alpha(@blue, 0.3);
+}
+
 #window {
     background-color: alpha(@base, 0.6);
     font-size: 15px; /* Slightly smaller font size */
@@ -199,14 +203,14 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px; /* Adjusted padding */
-    border: 3px solid @blue;
+    border: 2px solid @blue;
 }
 
 #custom-power {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px;
-    border: 4px solid @maroon;
+    border: 3px solid @maroon;
 }
 
 #custom-power:hover {
@@ -217,7 +221,7 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px;
-    border: 4px solid @teal;
+    border: 3px solid @teal;
 }
 
 #custom-rofi:hover {
@@ -228,7 +232,7 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px;
-    border: 4px solid @yellow;
+    border: 3px solid @yellow;
 }
 
 #custom-caffeine:hover {
@@ -236,7 +240,7 @@ tooltip {
 }
 
 #custom-caffeine.active {
-    border: 4px solid @peach;
+    border: 3px solid @peach;
 }
 
 #custom-storage {
@@ -299,7 +303,7 @@ tooltip {
 
 #clock {
     color: #c8d2e0;
-    border: 3px solid @blue;
+    border: 2px solid @blue;
 }
 
 @keyframes blink {

wlogout/layout

@@ -1,36 +1,36 @@
 {
-    "label" : "lock",
-    "action" : "swaylock",
-    "text" : "Lock",
-    "keybind" : "l"
+    "label": "lock",
+    "action": "loginctl lock-session",
+    "text": "Lock",
+    "keybind": "l"
 }
 {
-    "label" : "hibernate",
-    "action" : "systemctl hibernate",
-    "text" : "Hibernate",
-    "keybind" : "h"
+    "label": "hibernate",
+    "action": "systemctl hibernate",
+    "text": "Hibernate",
+    "keybind": "h"
 }
 {
-    "label" : "logout",
-    "action" : "hyprctl dispatch exit",
-    "text" : "Logout",
-    "keybind" : "e"
+    "label": "logout",
+    "action": "hyprctl dispatch exit",
+    "text": "Logout",
+    "keybind": "e"
 }
 {
-    "label" : "shutdown",
-    "action" : "systemctl poweroff",
-    "text" : "Shutdown",
-    "keybind" : "s"
+    "label": "shutdown",
+    "action": "systemctl poweroff",
+    "text": "Shutdown",
+    "keybind": "s"
 }
 {
-    "label" : "suspend",
-    "action" : "systemctl suspend",
-    "text" : "Suspend",
-    "keybind" : "u"
+    "label": "suspend",
+    "action": "sleep 0.1 && systemctl suspend",
+    "text": "Suspend",
+    "keybind": "u"
 }
 {
-    "label" : "reboot",
-    "action" : "systemctl reboot",
-    "text" : "Reboot",
-    "keybind" : "r"
-}
+    "label": "reboot",
+    "action": "systemctl reboot",
+    "text": "Reboot",
+    "keybind": "r"
+}

wlogout/style.css

@@ -1,32 +1,39 @@
 * {
     background-image: none;
-    transition: 20ms;
-    box-shadow: none;
+    font-size: 16px;
+    font-family: 'Font Awesome 6 Free', 'MesloLGM Nerd Font', 'Maple Mono CN ExtraLight', 'Noto Sans', Arial, sans-serif;
 }
 
 window {
-    background-color: rgba(30, 30, 46, 0.9);
+    background-color: rgba(30, 30, 46, 0.5);
 }
 
 button {
-    border-radius: 0;
-    border-color: #89b4fa;
-    text-decoration-color: #cdd6f4;
     color: #cdd6f4;
-    background-color: #181825;
-    border-style: solid;
-    border-width: 1px;
+    border-radius: 0;
+    outline-style: none;
+    background-color: #1e1e2e;
+    border: none;
+    border-width: 0px;
+    border-radius: 0px;
+    border-color: #89b4fa;
+    box-shadow: none;
+    text-shadow: none;
+    text-decoration-color: #cdd6f4;
     background-repeat: no-repeat;
     background-position: center;
-    background-size: 25%;
+    background-size: 20%;
+    animation: gradient_f 20s ease-in infinite;
 }
 
 button:focus,
 button:active,
 button:hover {
     /* 20% Overlay 2, 80% mantle */
-    background-color: rgb(48, 50, 66);
-    outline-style: none;
+    background-color: #313244;
+    background-size: 20%;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(0.55, 0, 0.28, 1.682);
 }
 
 #lock {
@@ -56,3 +63,59 @@ button:hover {
     background-image: image(url('./icons/reboot.svg'));
     border-radius: 0 0 32px 0;
 }
+
+#lock:hover {
+    border-radius: 30px 0 0 0;
+    margin: -30px 0 0 -30px;
+}
+
+#logout:hover {
+    margin: -30px 0 0 0;
+}
+
+#suspend:hover {
+    border-radius: 0 30px 0 0;
+    margin: -30px -30px 0 0;
+}
+
+#hibernate:hover {
+    border-radius: 0 0 0 30px;
+    margin: 0 0 -30 -30px;
+}
+
+#shutdown:hover {
+    margin: 0 0 -30px 0;
+}
+
+#reboot:hover {
+    border-radius: 0 0 30px 0;
+    margin: 0 -30px -30px 0;
+}
+
+#lock:focus {
+    border-radius: 60px 0 0 0;
+    margin: -60px 0 0 -60px;
+}
+
+#logout:focus {
+    margin: -60px 0 0 0;
+}
+
+#suspend:focus {
+    border-radius: 0 60px 0 0;
+    margin: -60px -60px 0 0;
+}
+
+#hibernate:focus {
+    border-radius: 0 0 0 60px;
+    margin: 0 0 -60 -60px;
+}
+
+#shutdown:focus {
+    margin: 0 0 -60px 0;
+}
+
+#reboot:focus {
+    border-radius: 0 0 60px 0;
+    margin: 0 -60px -60px 0;
+}