wlogout: format file

This commit is contained in:
Tigor Hutasuhut 2024-10-21 15:38:59 +07:00
parent 7145a2c1eb
commit a8d0edb742

View file

@ -9,100 +9,102 @@ in
recursive = true; recursive = true;
}; };
programs.wlogout = { programs.wlogout = {
style = '' style =
/* ----------------------------------------------------- # css
* Import Pywal colors ''
* ----------------------------------------------------- */ /* -----------------------------------------------------
@import "${config.home.homeDirectory}/.cache/wallust/wlogout.css"; * Import Pywal colors
* ----------------------------------------------------- */
@import "${config.home.homeDirectory}/.cache/wallust/wlogout.css";
/* ----------------------------------------------------- /* -----------------------------------------------------
* General * General
* ----------------------------------------------------- */ * ----------------------------------------------------- */
* { * {
font-family: "Fira Sans Semibold", FontAwesome, Roboto, Helvetica, Arial, sans-serif; font-family: "Fira Sans Semibold", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
background-image: none; background-image: none;
transition: 20ms; transition: 20ms;
box-shadow: none; box-shadow: none;
} }
window { window {
background: url("../../.cache/blurred_wallpaper.png"); background: url("../../.cache/blurred_wallpaper.png");
background-size: cover; background-size: cover;
} }
button { button {
color: #ffffff; color: #ffffff;
font-size: 20px; font-size: 20px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 25%; background-size: 25%;
border-style: solid; border-style: solid;
background-color: rgba(12, 12, 12, 0.3); background-color: rgba(12, 12, 12, 0.3);
border: 3px solid #ffffff; border: 3px solid #ffffff;
box-shadow: box-shadow:
0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.2),
0 6px 20px 0 rgba(0, 0, 0, 0.19); 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} }
button:focus, button:focus,
button:active, button:active,
button:hover { button:hover {
color: @color11; color: @color11;
background-color: rgba(12, 12, 12, 0.5); background-color: rgba(12, 12, 12, 0.5);
border: 3px solid @color11; border: 3px solid @color11;
} }
/* /*
----------------------------------------------------- -----------------------------------------------------
Buttons Buttons
----------------------------------------------------- -----------------------------------------------------
*/ */
#lock { #lock {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("icons/lock.png")); background-image: image(url("icons/lock.png"));
} }
#logout { #logout {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("icons/logout.png")); background-image: image(url("icons/logout.png"));
} }
#suspend { #suspend {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("icons/suspend.png")); background-image: image(url("icons/suspend.png"));
} }
#hibernate { #hibernate {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("icons/hibernate.png")); background-image: image(url("icons/hibernate.png"));
} }
#shutdown { #shutdown {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("icons/shutdown.png")); background-image: image(url("icons/shutdown.png"));
} }
#reboot { #reboot {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("icons/reboot.png")); background-image: image(url("icons/reboot.png"));
} }
''; '';
enable = true; enable = true;
layout = [ layout = [
{ {
label = "lock"; label = "lock";
action = "hyprlock"; action = "loginctl lock-session";
text = "Lock"; text = "Lock";
keybind = "l"; keybind = "l";
} }