wlogout config

LAYOUT
- Lock
- Logout
- Shutdown
- Suspend
- Reboot
CSS

LAYOUT

Lock

{
    "label" : "lock",
    "action" : "loginctl lock-session",
    "text" : "Lock",
    "keybind" : "l"
}

Logout

{
    "label" : "logout",
    "action" : "~/Documents/scripts/bash/logout.sh",
    "text" : "Logout",
    "keybind" : "g"
}

Shutdown

{
    "label" : "shutdown",
    "action" : "systemctl poweroff",
    "text" : "Shutdown",
    "keybind" : "s"
}

Suspend

{
    "label" : "suspend",
    "action" : "systemctl suspend",
    "text" : "Suspend",
    "keybind" : "u"
}

Reboot

{
    "label" : "reboot",
    "action" : "systemctl reboot",
    "text" : "Reboot",
    "keybind" : "r"
}

CSS

Global CSS styling for Wlogout

* {
        background-image: none;
        box-shadow: none;
}

window {
        background-color: rgba(12, 12, 12, 0.9);
}

button {
    border-radius: 6;
    border-color: rgba(12, 12, 12, 0.8);
        text-decoration-color: #FFFFFF;
      color: #f8f8f2;
        background-color: #282a36;
        border-style: solid;
        border-width: 3px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25%;
}

button:focus {
        background-color: #bd93f9;
        outline-style: none;
}
button:active {
        background-color: #ff79c6;
        outline-style: none;
}
button:hover {
        background-color: #8be9fd;
      color: #44475a;
        outline-style: none;
}

Button specific CSS styling for Wlogout

#lock {
    background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
}

#lock:hover {
    background-image: image(url("/usr/share/wlogout/assets/lock.svg"), url("/usr/local/share/wlogout/assets/logout.svg"));
}
#logout {
    background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
}
#logout:hover {
    background-image: image(url("/usr/share/wlogout/assets/logout.svg"), url("/usr/local/share/wlogout/assets/logout.svg"));
}
#suspend {
    background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
}
#suspend:hover {
    background-image: image(url("/usr/share/wlogout/assets/suspend.svg"), url("/usr/local/share/wlogout/assets/suspend.svg"));
}
#shutdown {
    background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
}
#shutdown:hover {
    background-image: image(url("/usr/share/wlogout/assets/shutdown.svg"), url("/usr/local/share/wlogout/assets/shutdown.svg"));
}
#reboot {
    background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
}
#reboot:hover {
    background-image: image(url("/usr/share/wlogout/assets/reboot.svg"), url("/usr/local/share/wlogout/assets/reboot.svg"));
}

wlogout config

Table of Contents

LAYOUT

Lock

Logout

Shutdown

Suspend

Reboot

CSS