From f33963b0b9b62cb90ed8c66c28cd358c133c98d3 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Sat, 4 Nov 2023 00:58:28 +0900 Subject: woops forgot to add wlgout folder --- config/wlogout/layout | 30 +++++++++++ config/wlogout/lock-hover.png | Bin 0 -> 5771 bytes config/wlogout/lock.png | Bin 0 -> 5771 bytes config/wlogout/logout-hover.png | Bin 0 -> 3784 bytes config/wlogout/logout.png | Bin 0 -> 3784 bytes config/wlogout/power-hover.png | Bin 0 -> 10841 bytes config/wlogout/power.png | Bin 0 -> 10782 bytes config/wlogout/restart-hover.png | Bin 0 -> 7810 bytes config/wlogout/restart.png | Bin 0 -> 7810 bytes config/wlogout/sleep-hover.png | Bin 0 -> 5721 bytes config/wlogout/sleep.png | Bin 0 -> 5721 bytes config/wlogout/style.css | 113 +++++++++++++++++++++++++++++++++++++++ 12 files changed, 143 insertions(+) create mode 100644 config/wlogout/layout create mode 100644 config/wlogout/lock-hover.png create mode 100644 config/wlogout/lock.png create mode 100644 config/wlogout/logout-hover.png create mode 100644 config/wlogout/logout.png create mode 100644 config/wlogout/power-hover.png create mode 100644 config/wlogout/power.png create mode 100644 config/wlogout/restart-hover.png create mode 100644 config/wlogout/restart.png create mode 100644 config/wlogout/sleep-hover.png create mode 100644 config/wlogout/sleep.png create mode 100644 config/wlogout/style.css diff --git a/config/wlogout/layout b/config/wlogout/layout new file mode 100644 index 00000000..6d1c3975 --- /dev/null +++ b/config/wlogout/layout @@ -0,0 +1,30 @@ +{ + "label" : "lock", + "action" : "$HOME/.config/hypr/scripts/LockScreen.sh", + "text" : "Lock", + "keybind" : "l" +} +{ + "label" : "reboot", + "action" : "systemctl reboot", + "text" : "Reboot", + "keybind" : "r" +} +{ + "label" : "shutdown", + "action" : "systemctl poweroff", + "text" : "Shutdown", + "keybind" : "s" +} +{ + "label" : "logout", + "action" : "hyprctl dispatch exit 0", + "text" : "Logout", + "keybind" : "e" +} +{ + "label" : "suspend", + "action" : "systemctl suspend", + "text" : "Suspend", + "keybind" : "u" +} diff --git a/config/wlogout/lock-hover.png b/config/wlogout/lock-hover.png new file mode 100644 index 00000000..8fb86fe4 Binary files /dev/null and b/config/wlogout/lock-hover.png differ diff --git a/config/wlogout/lock.png b/config/wlogout/lock.png new file mode 100644 index 00000000..430451c8 Binary files /dev/null and b/config/wlogout/lock.png differ diff --git a/config/wlogout/logout-hover.png b/config/wlogout/logout-hover.png new file mode 100644 index 00000000..9e570a9e Binary files /dev/null and b/config/wlogout/logout-hover.png differ diff --git a/config/wlogout/logout.png b/config/wlogout/logout.png new file mode 100644 index 00000000..128c9955 Binary files /dev/null and b/config/wlogout/logout.png differ diff --git a/config/wlogout/power-hover.png b/config/wlogout/power-hover.png new file mode 100644 index 00000000..122d3318 Binary files /dev/null and b/config/wlogout/power-hover.png differ diff --git a/config/wlogout/power.png b/config/wlogout/power.png new file mode 100644 index 00000000..ce561661 Binary files /dev/null and b/config/wlogout/power.png differ diff --git a/config/wlogout/restart-hover.png b/config/wlogout/restart-hover.png new file mode 100644 index 00000000..3e185360 Binary files /dev/null and b/config/wlogout/restart-hover.png differ diff --git a/config/wlogout/restart.png b/config/wlogout/restart.png new file mode 100644 index 00000000..7855d409 Binary files /dev/null and b/config/wlogout/restart.png differ diff --git a/config/wlogout/sleep-hover.png b/config/wlogout/sleep-hover.png new file mode 100644 index 00000000..0fd3bade Binary files /dev/null and b/config/wlogout/sleep-hover.png differ diff --git a/config/wlogout/sleep.png b/config/wlogout/sleep.png new file mode 100644 index 00000000..6a3d607f Binary files /dev/null and b/config/wlogout/sleep.png differ diff --git a/config/wlogout/style.css b/config/wlogout/style.css new file mode 100644 index 00000000..57c9ede2 --- /dev/null +++ b/config/wlogout/style.css @@ -0,0 +1,113 @@ +window { + font-family: monospace; + font-size: 14pt; + color: #cdd6f4; /* text */ + background-color: rgba(30, 30, 46, 0.5); +} + +button { + background-repeat: no-repeat; + background-position: center; + background-size: 25%; + border: none; + background-color: rgba(30, 30, 46, 0); + margin: 5px; + animation: gradient_f 20s ease-in infinite; + transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; +} + +button:hover#lock { + /*background-color: rgba(49, 50, 68, 0.2);*/ + background-size: 25%; + margin-right : 30px; + margin-bottom : 30px; + border-radius: 20px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +button:hover#logout { + /*background-color: rgba(49, 50, 68, 0.2);*/ + background-size: 25%; + margin-right : 30px; + margin-top : 30px; + border-radius: 20px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +button:hover#shutdown { + /*background-color: rgba(49, 50, 68, 0.2);*/ + background-size: 25%; + margin-left : 20px; + margin-bottom : 30px; + border-radius: 20px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +button:hover#reboot { + /*background-color: rgba(49, 50, 68, 0.2);*/ + background-size: 25%; + margin-left : 30px; + margin-top : 30px; + border-radius: 20px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +button:hover#suspend { + /*background-color: rgba(49, 50, 68, 0.2);*/ + background-size: 25%; + margin-left : 30px; + margin-top : 30px; + border-radius: 20px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +button:focus { + background-color: rgba(180, 190, 254, 0.3); + color: #1e1e2e; + background-size: 25%; + margin-left : 30px; + margin-top : 30px; + border-radius: 20px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +#lock { + background-image: image(url("./lock.png")); +} +#lock:focus { + background-image: image(url("./lock-hover.png")); +} + +#logout { + background-image: image(url("./logout.png")); +} +#logout:focus { + background-image: image(url("./logout-hover.png")); +} + +#suspend { + background-image: image(url("./sleep.png")); +} +#suspend:focus { + background-image: image(url("./sleep-hover.png")); +} + +#shutdown { + background-image: image(url("./power.png")); +} +#shutdown:focus { + background-image: image(url("./power-hover.png")); +} + +#reboot { + background-image: image(url("./restart.png")); +} +#reboot:focus { + background-image: image(url("./restart-hover.png")); +} -- cgit v1.2.3