Files
simple-hyprland/configs/wlogout/style.css

97 lines
2.9 KiB
CSS

/* 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;
}