{ theme, ... }:

let
  p = theme.palette;
  fonts = theme.fonts;
  fontSize = toString fonts.sizes.applications;
in
{
  services.mako = {
    enable = true;
    settings = {
      actions = true;
      anchor = "top-center";
      background-color = "${p.darkestGray}FF";
      border-color = p.purple;
      border-radius = 0;
      default-timeout = 10000;
      font = "${fonts.sansSerif.name} ${fontSize}";
      height = 100;
      width = 600;
      icons = true;
      ignore-timeout = false;
      layer = "overlay";
      margin = 10;
      markup = true;
      progress-color = "over ${p.darkGray}";
      text-color = p.lightGray;
      "urgency=critical" = {
        background-color = "${p.darkestGray}FF";
        border-color = p.red;
        text-color = p.lightGray;
      };
      "urgency=low" = {
        background-color = "${p.darkestGray}FF";
        border-color = p.gray;
        text-color = p.lightGray;
      };
    };
  };
}