From 512f8f902c98fa4f74cab74c1fe4e83e18aad661 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Mon, 4 Dec 2023 23:18:53 +0900 Subject: wlogout-styling --- config/wlogout/icons/hibernate-hover.png | Bin 0 -> 5721 bytes config/wlogout/icons/hibernate.png | Bin 0 -> 5721 bytes config/wlogout/icons/lock-hover.png | Bin 0 -> 5771 bytes config/wlogout/icons/lock.png | Bin 0 -> 5771 bytes config/wlogout/icons/logout-hover.png | Bin 0 -> 3784 bytes config/wlogout/icons/logout.png | Bin 0 -> 3784 bytes config/wlogout/icons/moon_865813.png | Bin 0 -> 14964 bytes config/wlogout/icons/power-hover.png | Bin 0 -> 10841 bytes config/wlogout/icons/power.png | Bin 0 -> 10782 bytes config/wlogout/icons/restart-hover.png | Bin 0 -> 7810 bytes config/wlogout/icons/restart.png | Bin 0 -> 7810 bytes config/wlogout/icons/sleep-hover.png | Bin 0 -> 7960 bytes config/wlogout/icons/sleep.png | Bin 0 -> 6539 bytes config/wlogout/layout | 8 +- config/wlogout/lock-hover.png | Bin 5771 -> 0 bytes config/wlogout/lock.png | Bin 5771 -> 0 bytes config/wlogout/logout-hover.png | Bin 3784 -> 0 bytes config/wlogout/logout.png | Bin 3784 -> 0 bytes config/wlogout/power-hover.png | Bin 10841 -> 0 bytes config/wlogout/power.png | Bin 10782 -> 0 bytes config/wlogout/restart-hover.png | Bin 7810 -> 0 bytes config/wlogout/restart.png | Bin 7810 -> 0 bytes config/wlogout/sleep-hover.png | Bin 5721 -> 0 bytes config/wlogout/sleep.png | Bin 5721 -> 0 bytes config/wlogout/style.css | 126 ++++++++++++------------------- 25 files changed, 57 insertions(+), 77 deletions(-) create mode 100644 config/wlogout/icons/hibernate-hover.png create mode 100644 config/wlogout/icons/hibernate.png create mode 100644 config/wlogout/icons/lock-hover.png create mode 100644 config/wlogout/icons/lock.png create mode 100644 config/wlogout/icons/logout-hover.png create mode 100644 config/wlogout/icons/logout.png create mode 100644 config/wlogout/icons/moon_865813.png create mode 100644 config/wlogout/icons/power-hover.png create mode 100644 config/wlogout/icons/power.png create mode 100644 config/wlogout/icons/restart-hover.png create mode 100644 config/wlogout/icons/restart.png create mode 100644 config/wlogout/icons/sleep-hover.png create mode 100644 config/wlogout/icons/sleep.png delete mode 100644 config/wlogout/lock-hover.png delete mode 100644 config/wlogout/lock.png delete mode 100644 config/wlogout/logout-hover.png delete mode 100644 config/wlogout/logout.png delete mode 100644 config/wlogout/power-hover.png delete mode 100644 config/wlogout/power.png delete mode 100644 config/wlogout/restart-hover.png delete mode 100644 config/wlogout/restart.png delete mode 100644 config/wlogout/sleep-hover.png delete mode 100644 config/wlogout/sleep.png (limited to 'config/wlogout') diff --git a/config/wlogout/icons/hibernate-hover.png b/config/wlogout/icons/hibernate-hover.png new file mode 100644 index 00000000..0fd3bade Binary files /dev/null and b/config/wlogout/icons/hibernate-hover.png differ diff --git a/config/wlogout/icons/hibernate.png b/config/wlogout/icons/hibernate.png new file mode 100644 index 00000000..6a3d607f Binary files /dev/null and b/config/wlogout/icons/hibernate.png differ diff --git a/config/wlogout/icons/lock-hover.png b/config/wlogout/icons/lock-hover.png new file mode 100644 index 00000000..8fb86fe4 Binary files /dev/null and b/config/wlogout/icons/lock-hover.png differ diff --git a/config/wlogout/icons/lock.png b/config/wlogout/icons/lock.png new file mode 100644 index 00000000..430451c8 Binary files /dev/null and b/config/wlogout/icons/lock.png differ diff --git a/config/wlogout/icons/logout-hover.png b/config/wlogout/icons/logout-hover.png new file mode 100644 index 00000000..9e570a9e Binary files /dev/null and b/config/wlogout/icons/logout-hover.png differ diff --git a/config/wlogout/icons/logout.png b/config/wlogout/icons/logout.png new file mode 100644 index 00000000..128c9955 Binary files /dev/null and b/config/wlogout/icons/logout.png differ diff --git a/config/wlogout/icons/moon_865813.png b/config/wlogout/icons/moon_865813.png new file mode 100644 index 00000000..b87fabf8 Binary files /dev/null and b/config/wlogout/icons/moon_865813.png differ diff --git a/config/wlogout/icons/power-hover.png b/config/wlogout/icons/power-hover.png new file mode 100644 index 00000000..122d3318 Binary files /dev/null and b/config/wlogout/icons/power-hover.png differ diff --git a/config/wlogout/icons/power.png b/config/wlogout/icons/power.png new file mode 100644 index 00000000..ce561661 Binary files /dev/null and b/config/wlogout/icons/power.png differ diff --git a/config/wlogout/icons/restart-hover.png b/config/wlogout/icons/restart-hover.png new file mode 100644 index 00000000..3e185360 Binary files /dev/null and b/config/wlogout/icons/restart-hover.png differ diff --git a/config/wlogout/icons/restart.png b/config/wlogout/icons/restart.png new file mode 100644 index 00000000..7855d409 Binary files /dev/null and b/config/wlogout/icons/restart.png differ diff --git a/config/wlogout/icons/sleep-hover.png b/config/wlogout/icons/sleep-hover.png new file mode 100644 index 00000000..ef735a7c Binary files /dev/null and b/config/wlogout/icons/sleep-hover.png differ diff --git a/config/wlogout/icons/sleep.png b/config/wlogout/icons/sleep.png new file mode 100644 index 00000000..f9480dd3 Binary files /dev/null and b/config/wlogout/icons/sleep.png differ diff --git a/config/wlogout/layout b/config/wlogout/layout index 6d1c3975..5f006580 100644 --- a/config/wlogout/layout +++ b/config/wlogout/layout @@ -24,7 +24,13 @@ } { "label" : "suspend", - "action" : "systemctl suspend", + "action" : "swaylock -f && systemctl suspend", "text" : "Suspend", "keybind" : "u" } +{ + "label" : "hibernate", + "action" : "systemctl hibernate", + "text" : "Hibernate", + "keybind" : "h" +} \ No newline at end of file diff --git a/config/wlogout/lock-hover.png b/config/wlogout/lock-hover.png deleted file mode 100644 index 8fb86fe4..00000000 Binary files a/config/wlogout/lock-hover.png and /dev/null differ diff --git a/config/wlogout/lock.png b/config/wlogout/lock.png deleted file mode 100644 index 430451c8..00000000 Binary files a/config/wlogout/lock.png and /dev/null differ diff --git a/config/wlogout/logout-hover.png b/config/wlogout/logout-hover.png deleted file mode 100644 index 9e570a9e..00000000 Binary files a/config/wlogout/logout-hover.png and /dev/null differ diff --git a/config/wlogout/logout.png b/config/wlogout/logout.png deleted file mode 100644 index 128c9955..00000000 Binary files a/config/wlogout/logout.png and /dev/null differ diff --git a/config/wlogout/power-hover.png b/config/wlogout/power-hover.png deleted file mode 100644 index 122d3318..00000000 Binary files a/config/wlogout/power-hover.png and /dev/null differ diff --git a/config/wlogout/power.png b/config/wlogout/power.png deleted file mode 100644 index ce561661..00000000 Binary files a/config/wlogout/power.png and /dev/null differ diff --git a/config/wlogout/restart-hover.png b/config/wlogout/restart-hover.png deleted file mode 100644 index 3e185360..00000000 Binary files a/config/wlogout/restart-hover.png and /dev/null differ diff --git a/config/wlogout/restart.png b/config/wlogout/restart.png deleted file mode 100644 index 7855d409..00000000 Binary files a/config/wlogout/restart.png and /dev/null differ diff --git a/config/wlogout/sleep-hover.png b/config/wlogout/sleep-hover.png deleted file mode 100644 index 0fd3bade..00000000 Binary files a/config/wlogout/sleep-hover.png and /dev/null differ diff --git a/config/wlogout/sleep.png b/config/wlogout/sleep.png deleted file mode 100644 index 6a3d607f..00000000 Binary files a/config/wlogout/sleep.png and /dev/null differ diff --git a/config/wlogout/style.css b/config/wlogout/style.css index 57c9ede2..c2e8bc2e 100644 --- a/config/wlogout/style.css +++ b/config/wlogout/style.css @@ -1,113 +1,87 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* pywal-wlogout */ + +/* Importing pywal colors */ + +@import '../../.cache/wal/colors-waybar.css'; + window { - font-family: monospace; - font-size: 14pt; + font-family: Fira Code Medium; + font-size: 16pt; color: #cdd6f4; /* text */ - background-color: rgba(30, 30, 46, 0.5); + background-color: rgba(30, 30, 46, 0.6); } 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; + background-size: 20%; + background-color: rgba(200, 220, 255, 0); animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); + border-radius: 80px; /* Increased border radius for a more rounded look */ } -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:focus { + background-size: 25%; + border: 0px; -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 { + background-color: @color2; + color: #1e1e2e; + background-size: 50%; + margin: 30px; + border-radius: 80px; + 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; + box-shadow: 0 0 20px @color7; + } -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); +/* Adjust the size of the icon or content inside the button */ +button span { + font-size: 1.2em; /* Increase the font size */ } -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")); + background-image: image(url("./icons/lock.png")); } -#lock:focus { - background-image: image(url("./lock-hover.png")); +#lock:hover { + background-image: image(url("./icons/lock-hover.png")); } #logout { - background-image: image(url("./logout.png")); + background-image: image(url("./icons/logout.png")); } -#logout:focus { - background-image: image(url("./logout-hover.png")); +#logout:hover { + background-image: image(url("./icons/logout-hover.png")); } #suspend { - background-image: image(url("./sleep.png")); + background-image: image(url("./icons/sleep.png")); } -#suspend:focus { - background-image: image(url("./sleep-hover.png")); +#suspend:hover { + background-image: image(url("./icons/sleep-hover.png")); } #shutdown { - background-image: image(url("./power.png")); + background-image: image(url("./icons/power.png")); } -#shutdown:focus { - background-image: image(url("./power-hover.png")); +#shutdown:hover { + background-image: image(url("./icons/power-hover.png")); } #reboot { - background-image: image(url("./restart.png")); + background-image: image(url("./icons/restart.png")); +} +#reboot:hover { + background-image: image(url("./icons/restart-hover.png")); +} + +#hibernate { + background-image: image(url("./icons/hibernate.png")); } -#reboot:focus { - background-image: image(url("./restart-hover.png")); +#hibernate:hover { + background-image: image(url("./icons/hibernate-hover.png")); } -- cgit v1.2.3