wofi.nix

{ ... }:
{
  programs.wofi = {
    enable = true;
    settings = {
      width = 400;
      height = 350;
      location = "center";
      show = "drun";
      prompt = "Search...";
      allow_markup = true;
      no_actions = true;
      halign = "fill";
      orientation = "vertical";
      content_halign = "fill";
      insensitive = true;
      allow_images = true;
      image_size = 40;
      gtk_dark = true;
    };
    style =''
    /* Mocha Mauve */
    @define-color accent #cba6f7;
    @define-color txt #cad3f5;
    @define-color bg #24273a;
    @define-color bg2 #494d64;

    * {
        font-family: 'JetBrains Mono Nerd Font', monospace;
        font-size: 14px;
    }

    /* Window */
    window {
        margin: 0px;
        padding: 10px;
        border: 3px solid @accent;
        border-radius: 7px;
        background-color: @bg;
        /* animation: slideIn 0.5s ease-in-out both; */
    }

    /* Slide In */
    @keyframes slideIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    /* Inner Box */
    #inner-box {
        margin: 5px;
        padding: 10px;
        border: none;
        background-color: @bg;
        /* animation: fadeIn 0.5s ease-in-out both; */
    }

    /* Fade In */
    @keyframes fadeIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    /* Outer Box */
    #outer-box {
        margin: 5px;
        padding: 10px;
        border: none;
        background-color: @bg;
    }

    /* Scroll */
    #scroll {
        margin: 0px;
        padding: 10px;
        border: none;
    }

    /* Input */
    #input {
        margin: 5px;
        padding: 10px;
        border: none;
        color: @accent;
        background-color: @bg2;
        animation: fadeIn 0.5s ease-in-out both;
    }

    /* Text */
    #text {
        margin: 5px;
        padding: 10px;
        border: none;
        color: @txt;
        animation: fadeIn 0.5s ease-in-out both;
    }

    /* Selected Entry */
    #entry:selected {
      background-color: @accent;
    }

    #entry:selected #text {
        color: @bg2;
    }
    '';
  };
}