/* user created manually */
@define-color wlogalttrans rgba(30, 30, 30, 0.5);
@define-color wlogfont rgb(166, 173, 200);
@define-color wlogalt rgb(30, 30, 30);
@define-color wlogmain rgb(203, 166, 247);

* {
    font-family: JetBrains Mono, Symbols Nerd Font;
    font-size: 24px;
    transition-property: background-color;
    transition-duration: 0.7s;
}

window {
    background-color: @wlogalttrans;
    /* border-radius: 10px; */
}

button {
    background-color: @wlogalt;
    border-color: @wlogmain;
    border-style: solid;
    border-width: 2px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    margin: 15px;
}

button:active,
button:hover {
    background-color: @wlogmain;
    color: @wlogalt;
}

button:focus {
    background-color: @wlogmain;
}

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

#lock:hover {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/lock-hover.png"), url("/usr/local/share/wlogout/icons/lock.png"));
    color: @wlogalt;
}

#logout {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
}

#logout:hover {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/logout-hover.png"), url("/usr/local/share/wlogout/icons/logout.png"));
    color: @wlogalt;
}

#suspend {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/sleep.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
}

#suspend:hover {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/sleep-hover.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
    color: @wlogalt;
}

#shutdown {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/power.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
}

#shutdown:hover {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/power-hover.png"), url("/usr/local/share/wlogout/icons/shutdown.png")); 
    color: @wlogalt;
}

#reboot {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/restart.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
}

#reboot:hover {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/restart-hover.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
    color: @wlogalt;
}

#exit {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/restart.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
    background-color: @wlogalt;

}

#exit:hover {
    background-image: image(url("/home/db123/.config/assets/wlogout/assets/restart-hover.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
    color: @wlogalt;
    background-color: @wlogmain;
}