{ pkg, ... }:
let
  icon-path = "${pkg}/share/wlogout/icons";
in
''
  * {
  	background-image: none;
  }
  window {
  	background-image: image(url("/home/thehedgehog/bgs/ctp-waves.png"), url("/home/thehedgehog/bgs/ctp-waves.png"));
    background-size: cover;
  }
  button {
    color: #cdd6f4;
  	background-color: #11111b;
    border: none;
    border-color: #6c7086;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: 25%;
  }

  button:focus, button:active, button:hover {
  	background-color: #1e1e2e;
  	outline-style: none;
    border:none;
  }

  #lock {
      background-image: image(url("${icon-path}/lock.png"), url("${icon-path}/lock.png"));
  }

  #suspend-then-hibernate {
      background-image: image(url("${icon-path}/suspend.png"), url("${icon-path}/suspend.png"));
  }

  #suspend {
      background-image: image(url("${icon-path}/suspend.png"), url("${icon-path}/suspend.png"));
  }

  #hibernate {
      background-image: image(url("${icon-path}/hibernate.png"), url("${icon-path}/hibernate.png"));
  }

  #shutdown {
      background-image: image(url("${icon-path}/shutdown.png"), url("${icon-path}/shutdown.png"));
  }

  #reboot {
      background-image: image(url("${icon-path}/reboot.png"), url("${icon-path}/reboot.png"));
  }
''