Update style

This commit is contained in:
Stephan Raabe 2023-09-11 13:42:16 +02:00
parent 25687425d2
commit 2cb32c3746
2 changed files with 61 additions and 26 deletions

View File

@ -1,35 +1,36 @@
{ {
"label" : "lock", "label" : "lock",
"action" : "swaylock", "action" : "swaylock",
"text" : "Lock" "text" : "Lock",
"keybind" : "l"
} }
{ {
"label" : "hibernate", "label" : "hibernate",
"action" : "systemctl hibernate", "action" : "systemctl hibernate",
"text" : "Hibernate" "text" : "Hibernate",
"keybind" : "h"
} }
{ {
"label" : "logout", "label" : "logout",
"action" : "hyprctl dispatch exit 0", "action" : "loginctl terminate-user $USER",
"text" : "Logout" "text" : "Logout",
"keybind" : "e"
} }
{ {
"label" : "shutdown", "label" : "shutdown",
"action" : "systemctl poweroff", "action" : "systemctl poweroff",
"text" : "Shutdown" "text" : "Shutdown",
"keybind" : "s"
} }
{ {
"label" : "suspend", "label" : "suspend",
"action" : "systemctl suspend", "action" : "systemctl suspend",
"text" : "Suspend" "text" : "Suspend",
"keybind" : "u"
} }
{ {
"label" : "reboot", "label" : "reboot",
"action" : "systemctl reboot", "action" : "systemctl reboot",
"text" : "Reboot" "text" : "Reboot",
} "keybind" : "r"
}

View File

@ -1,44 +1,78 @@
/*
_ _
__ _| | ___ __ _ ___ _ _| |_
\ \ /\ / / |/ _ \ / _` |/ _ \| | | | __|
\ V V /| | (_) | (_| | (_) | |_| | |_
\_/\_/ |_|\___/ \__, |\___/ \__,_|\__|
|___/
by Stephan Raabe (2023)
-----------------------------------------------------
*/
* { * {
background-image: none; background-image: none;
transition: 0ms;
} }
window { window {
background-color: rgba(12, 12, 12, 0.5); background-color: rgba(12, 12, 12, 0.1);
background-image: url('./noise.png');
} }
button { button {
color: #FFFFFF; color: #FFFFFF;
background-color: #1E1E1E;
border-style: solid; border-style: solid;
border-width: 0px; border-width: 2px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 25%; background-size: 25%;
background-color: rgba(108, 112, 134, 0.4);
border: 1px solid rgba(108, 112, 134, 0.3);
border-top: 1px solid rgba(108, 112, 134, 0.3);
} }
button:focus, button:active, button:hover { button:focus,
background-color: #3700B3; button:active,
outline-style: none; button:hover {
background-color: rgba(156, 161, 192, 0.5);
border: 1px solid rgba(108, 112, 134, 0.15);
border-top: 1px solid rgba(108, 112, 134, 0.15);
} }
#lock { #lock {
background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png")); margin: 10px;
border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
} }
#logout { #logout {
background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png")); margin: 10px;
border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
} }
#suspend { #suspend {
background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png")); margin: 10px;
border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
} }
#hibernate { #hibernate {
background-image: image(url("/usr/share/wlogout/icons/hibernate.png"), url("/usr/local/share/wlogout/icons/hibernate.png")); margin: 10px;
border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/hibernate.png"), url("/usr/local/share/wlogout/icons/hibernate.png"));
} }
#shutdown { #shutdown {
background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png")); margin: 10px;
border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
} }
#reboot { #reboot {
background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png")); margin: 10px;
border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
} }