1{ pkg, ... }:
2let
3 icon-path = "${pkg}/share/wlogout/icons";
4in
5''
6 * {
7 background-image: none;
8 }
9 window {
10 background-image: image(url("/home/thehedgehog/bgs/ctp-waves.png"), url("/home/thehedgehog/bgs/ctp-waves.png"));
11 background-size: cover;
12 }
13 button {
14 color: #cdd6f4;
15 background-color: #11111b;
16 border: none;
17 border-color: #6c7086;
18 background-repeat: no-repeat;
19 background-position: center;
20 background-size: 25%;
21 }
22
23 button:focus, button:active, button:hover {
24 background-color: #1e1e2e;
25 outline-style: none;
26 border:none;
27 }
28
29 #lock {
30 background-image: image(url("${icon-path}/lock.png"), url("${icon-path}/lock.png"));
31 }
32
33 #suspend-then-hibernate {
34 background-image: image(url("${icon-path}/suspend.png"), url("${icon-path}/suspend.png"));
35 }
36
37 #suspend {
38 background-image: image(url("${icon-path}/suspend.png"), url("${icon-path}/suspend.png"));
39 }
40
41 #hibernate {
42 background-image: image(url("${icon-path}/hibernate.png"), url("${icon-path}/hibernate.png"));
43 }
44
45 #shutdown {
46 background-image: image(url("${icon-path}/shutdown.png"), url("${icon-path}/shutdown.png"));
47 }
48
49 #reboot {
50 background-image: image(url("${icon-path}/reboot.png"), url("${icon-path}/reboot.png"));
51 }
52''