diff options
Diffstat (limited to 'config')
| -rwxr-xr-x | config/hypr/scripts/Wlogout.sh | 58 | ||||
| -rw-r--r-- | config/wlogout/icons/hibernate-hover.png | bin | 5721 -> 18289 bytes | |||
| -rw-r--r-- | config/wlogout/icons/hibernate-hover1.png | bin | 0 -> 5721 bytes | |||
| -rw-r--r-- | config/wlogout/icons/sleep-hover.png | bin | 18289 -> 9522 bytes | |||
| -rw-r--r-- | config/wlogout/icons/sleep2.png | bin | 0 -> 14964 bytes | |||
| -rw-r--r-- | config/wlogout/style.css | 138 |
6 files changed, 100 insertions, 96 deletions
diff --git a/config/hypr/scripts/Wlogout.sh b/config/hypr/scripts/Wlogout.sh index 1f720b18..3f83e51f 100755 --- a/config/hypr/scripts/Wlogout.sh +++ b/config/hypr/scripts/Wlogout.sh @@ -1,58 +1,4 @@ #!/bin/bash -# /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ ## -# wlogout (Power, Screen Lock, Suspend, etc) +# /* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ # -# Parameters for screen resolutions -declare -A resolutions=( - [2160]=450 - [1600]=450 - [1440]=450 - [1080]=350 - [720]=175 -) - -# Check if wlogout is already running, if so, kill it -if pgrep -x "wlogout" > /dev/null; then - pkill -x "wlogout" - exit 0 -fi - -# Detect the current monitor's native resolution and scale -monitor_info=$(hyprctl -j monitors | jq -r '.[] | select(.focused==true)') - -resolution=$(echo "$monitor_info" | jq -r '.height') -width=$(echo "$monitor_info" | jq -r '.width') -hypr_scale=$(echo "$monitor_info" | jq -r '.scale') - -# Round hypr_scale to 2 decimal places for accurate comparison -rounded_scale=$(echo "scale=2; $hypr_scale/1" | bc) - -# If resolution or scale is invalid or hypr_scale >= 1.25, run wlogout with -b 3 -if [[ -z "$resolution" || ! "$resolution" =~ ^[0-9]+$ || -z "$hypr_scale" || $(echo "$rounded_scale >= 1.25" | bc) -eq 1 ]]; then - echo "Hypr_scale is greater than or equal to 1.25 or resolution could not be detected, running wlogout with -b 3" - wlogout --protocol layer-shell -b 3 -T 100 -B 100 & - exit 0 -fi - -# Determine the appropriate resolution range and calculate T and B values -if ((resolution >= 2160)); then - res_key=2160 -elif ((resolution >= 1600)); then - res_key=1600 -elif ((resolution >= 1440)); then - res_key=1440 -elif ((resolution >= 1080)); then - res_key=1080 -else - res_key=720 -fi - -# Calculate T and B values based on selected resolution and scale -T_val=$(awk "BEGIN {printf \"%.0f\", ${resolutions[$res_key]} * $res_key * $hypr_scale / $resolution}") -B_val=$(awk "BEGIN {printf \"%.0f\", ${resolutions[$res_key]} * $res_key * $hypr_scale / $resolution}") - -# Output the resolution setting for debugging purposes -echo "Setting parameters for resolution >= $res_key" - -# Run wlogout with -b 6 and calculated T/B values -wlogout --protocol layer-shell -b 6 -T $T_val -B $B_val &
\ No newline at end of file +wlogout -p layer-shell -b 3 -c 2
\ No newline at end of file diff --git a/config/wlogout/icons/hibernate-hover.png b/config/wlogout/icons/hibernate-hover.png Binary files differindex 0fd3bade..0ac492d1 100644 --- a/config/wlogout/icons/hibernate-hover.png +++ b/config/wlogout/icons/hibernate-hover.png diff --git a/config/wlogout/icons/hibernate-hover1.png b/config/wlogout/icons/hibernate-hover1.png Binary files differnew file mode 100644 index 00000000..0fd3bade --- /dev/null +++ b/config/wlogout/icons/hibernate-hover1.png diff --git a/config/wlogout/icons/sleep-hover.png b/config/wlogout/icons/sleep-hover.png Binary files differindex 0ac492d1..b1a5fabb 100644 --- a/config/wlogout/icons/sleep-hover.png +++ b/config/wlogout/icons/sleep-hover.png diff --git a/config/wlogout/icons/sleep2.png b/config/wlogout/icons/sleep2.png Binary files differnew file mode 100644 index 00000000..b87fabf8 --- /dev/null +++ b/config/wlogout/icons/sleep2.png diff --git a/config/wlogout/style.css b/config/wlogout/style.css index 4e53eded..4fc19b09 100644 --- a/config/wlogout/style.css +++ b/config/wlogout/style.css @@ -5,83 +5,141 @@ @import '../../.config/waybar/wallust/colors-waybar.css'; window { - font-family: Fira Code Medium; - font-size: 16pt; - color: #cdd6f4; /* text */ - background-color: rgba(30, 30, 46, 0.6); + font-family: "FantasqueSansM Nerd Font Mono Bold"; + font-size: 125%; + background-color: rgba(30, 30, 46, 0.9); } button { + font-family: "FantasqueSansM Nerd Font Mono Bold"; background-repeat: no-repeat; - background-position: center; - background-size: 20%; + background-size: 10%; background-color: rgba(200, 220, 255, 0); animation: gradient_f 10s ease-in infinite; - transition: all 0.3s cubic-bezier(.55, 0.0, .28, 1.682), box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; - border-radius: 80px; - border:0px; + transition: all 0.3s ease, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; + border: 2px solid transparent; + border-radius: 30%; + margin: 0px; + padding: 0px; + transition: all 0.3s ease; + background-position: center; } button:focus { - background-size: 50%; - border: 0px; - + background-size: 20%; + border: 0px; + border-radius: 30%; } button:hover { - background-color: @color12; - color: #1e1e2e; - background-size: 50%; - margin: 30px; - border-radius: 80px; - box-shadow: 0 0 30px @color7; - + background-color: transparent; + color: @color13; + border-radius: 40%; + background-size: 30%; + box-shadow: 0 0 100px @color12; } -/* Adjust the size of the icon or content inside the button */ -button span { - font-size: 1.2em; /* Increase the font size */ -} - - -#lock { +/* Port Side */ +#lock { + padding-right: 200px; + padding-left: 0px; + margin-left: 0px; + margin-right: -200px; background-image: image(url("./icons/lock.png")); } #lock:hover { + padding-left: 200px; + padding-right: 0px; + margin-right: 0px; + margin-left: -200px; background-image: image(url("./icons/lock-hover.png")); } +#reboot { + padding-right: 200px; + padding-left: 0px; + margin-left: 0px; + margin-right: -200px; + background-image: image(url("./icons/restart.png")); +} +#reboot:hover { + padding-left: 200px; + padding-right: 0px; + margin-right: 0px; + margin-left: -200px; + background-image: image(url("./icons/restart-hover.png")); +} + +/* Midship */ +#shutdown { + padding-bottom: 0px; + padding-top: 0px; + padding-right: 0px; + padding-left: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: -200px; + background-image: image(url("./icons/power.png")); +} +#shutdown:hover { + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0px; + padding-left: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: -200px; + background-image: image(url("./icons/power-hover.png")); +} + #logout { + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0px; + padding-left: 0px; + margin-left: 0px; + margin-right: 0px; + margin-bottom: -200px; background-image: image(url("./icons/logout.png")); } #logout:hover { + padding-bottom: 00px; + padding-top: 0px; + padding-right: 0px; + padding-left: 0px; + margin-left: 0px; + margin-right: 0px; + margin-bottom: -200px; background-image: image(url("./icons/logout-hover.png")); } +/* Starboard */ #suspend { + padding-left: 200px; + padding-right: 0px; + margin-right: 0px; + margin-left: -200px; background-image: image(url("./icons/sleep.png")); } #suspend:hover { + padding-right: 200px; + padding-left: 0px; + margin-left: 0px; + margin-right: -200px; background-image: image(url("./icons/sleep-hover.png")); } -#shutdown { - background-image: image(url("./icons/power.png")); -} -#shutdown:hover { - background-image: image(url("./icons/power-hover.png")); -} - -#reboot { - background-image: image(url("./icons/restart.png")); -} -#reboot:hover { - background-image: image(url("./icons/restart-hover.png")); -} - #hibernate { + padding-left: 200px; + padding-right: 0px; + margin-right: 0px; + margin-left: -200px; background-image: image(url("./icons/hibernate.png")); } #hibernate:hover { + padding-right: 200px; + padding-left: 0px; + margin-left: 0px; + margin-right: -200px; background-image: image(url("./icons/hibernate-hover.png")); } |
