55 lines
887 B
CSS
Executable file
55 lines
887 B
CSS
Executable file
@define-color main #ebdbb2;
|
|
|
|
* {
|
|
background-image: none;
|
|
transition-property: all;
|
|
transition-duration: 0.3s;
|
|
}
|
|
|
|
window {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
button {
|
|
margin: 8px;
|
|
color: @main;
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
background-position: center center;
|
|
background-size: 15%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
button:active,
|
|
button:focus,
|
|
button:hover {
|
|
color: @main;
|
|
background-color: alpha(@main, 0.4);
|
|
outline-style: none;
|
|
transition-property: all;
|
|
transition-duration: 0.3s;
|
|
}
|
|
|
|
#lock {
|
|
background-image: url("icons/lock.svg");
|
|
}
|
|
|
|
#logout {
|
|
background-image: url("icons/logout.svg");
|
|
}
|
|
|
|
#suspend {
|
|
background-image: url("icons/suspend.svg");
|
|
}
|
|
|
|
#hibernate {
|
|
background-image: url("icons/hibernate.svg");
|
|
}
|
|
|
|
#shutdown {
|
|
background-image: url("icons/shutdown.svg");
|
|
}
|
|
|
|
#reboot {
|
|
background-image: url("icons/reboot.svg");
|
|
}
|