My Nix Configuration
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''