nixos/home-manager/packages/hyprland/wofi.nix

{ ... }:

{
  programs.wofi = {
    enable = true;
    style = ''
    @define-color	rosewater  #f5e0dc;
    @define-color	rosewater-rgb  rgb(245, 224, 220);
    @define-color	flamingo  #f2cdcd;
    @define-color	flamingo-rgb  rgb(242, 205, 205);
    @define-color	pink  #f5c2e7;
    @define-color	pink-rgb  rgb(245, 194, 231);
    @define-color	mauve  #cba6f7;
    @define-color	mauve-rgb  rgb(203, 166, 247);
    @define-color	red  #f38ba8;
    @define-color	red-rgb  rgb(243, 139, 168);
    @define-color	maroon  #eba0ac;
    @define-color	maroon-rgb  rgb(235, 160, 172);
    @define-color	peach  #fab387;
    @define-color	peach-rgb  rgb(250, 179, 135);
    @define-color	yellow  #f9e2af;
    @define-color	yellow-rgb  rgb(249, 226, 175);
    @define-color	green  #a6e3a1;
    @define-color	green-rgb  rgb(166, 227, 161);
    @define-color	teal  #94e2d5;
    @define-color	teal-rgb  rgb(148, 226, 213);
    @define-color	sky  #89dceb;
    @define-color	sky-rgb  rgb(137, 220, 235);
    @define-color	sapphire  #74c7ec;
    @define-color	sapphire-rgb  rgb(116, 199, 236);
    @define-color	blue  #89b4fa;
    @define-color	blue-rgb  rgb(137, 180, 250);
    @define-color	lavender  #b4befe;
    @define-color	lavender-rgb  rgb(180, 190, 254);
    @define-color	text  #cdd6f4;
    @define-color	text-rgb  rgb(205, 214, 244);
    @define-color	subtext1  #bac2de;
    @define-color	subtext1-rgb  rgb(186, 194, 222);
    @define-color	subtext0  #a6adc8;
    @define-color	subtext0-rgb  rgb(166, 173, 200);
    @define-color	overlay2  #9399b2;
    @define-color	overlay2-rgb  rgb(147, 153, 178);
    @define-color	overlay1  #7f849c;
    @define-color	overlay1-rgb  rgb(127, 132, 156);
    @define-color	overlay0  #6c7086;
    @define-color	overlay0-rgb  rgb(108, 112, 134);
    @define-color	surface2  #585b70;
    @define-color	surface2-rgb  rgb(88, 91, 112);
    @define-color	surface1  #45475a;
    @define-color	surface1-rgb  rgb(69, 71, 90);
    @define-color	surface0  #313244;
    @define-color	surface0-rgb  rgb(49, 50, 68);
    @define-color	base  #1e1e2e;
    @define-color	base-rgb  rgb(30, 30, 46);
    @define-color	mantle  #181825;
    @define-color	mantle-rgb  rgb(24, 24, 37);
    @define-color	crust  #11111b;
    @define-color	crust-rgb  rgb(17, 17, 27);

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

    /* Window */
    window {
      margin: 0px;
      padding: 10px;
      border: 0.16em solid @lavender;
      border-radius: 20px;
      background-color: @base;
      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;
      border-radius: 20px;
      background-color: @base;
      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;
      border-radius: 20px;
      background-color: @base;
    }

    /* Scroll */
    #scroll {
      margin: 0px;
      padding: 10px;
      border: none;
      background-color: @base;
    }

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

    #input image {
        border: none;
        color: @red;
    }

    #input * {
      outline: 4px solid @red!important;
    }

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

    #entry {
      background-color: @base;
      padding: 10px;
    }

    #entry arrow {
      border: none;
      color: @lavender;
    }

    /* Selected Entry */
    #entry:selected {
      border: 0.11em solid @lavender;
      border-radius: 20px;
    }

    #entry:selected #text {
      color: @mauve;
    }

    #entry:drop(active) {
      background-color: @lavender!important;
    }

    '';
    settings = {
      no_actions = true;
      display = "grid";
      columns = 4;
      rows = 3;

    };
  };
}