configuration {
    modi: "drun,run,window";
    show-icons: true;
    drun-display-format: "{name}";
    display-drun: " ";
    display-run: " ";
    display-window: " ";

    font: "JetBrainsMono Nerd Font 12";
    icon-theme: "Papirus-Dark";
}

* {
    bg0:      #282828;
    bg1:      #3c3836;
    bg2:      #504945;
    bg3:      #665c54;

    fg0:      #fbf1c7;
    fg1:      #ebdbb2;
    fg2:      #d5c4a1;
    fg3:      #bdae93;
    fg4:      #a89984;

    red:      #cc241d;
    green:    #98971a;
    yellow:   #d79921;
    blue:     #458588;
    purple:   #b16286;
    aqua:     #689d6a;
    orange:   #d65d0e;

    border-radius: 10px;
    spacing: 10px;
}

window {
    width: 700px;
    background-color: @bg0;
    border: 2px;
    border-color: @yellow;
    border-radius: @border-radius;
    padding: 18px;
}

mainbox {
    spacing: @spacing;
}

inputbar {
    background-color: @bg1;
    border-radius: @border-radius;
    padding: 10px;
    spacing: 10px;
    children: [ prompt, entry ];
}

prompt {
    text-color: @yellow;
}

entry {
    text-color: @fg1;
    placeholder: "Search...";
    placeholder-color: @fg4;
}

listview {
    lines: 10;
    columns: 1;
    cycle: true;
    dynamic: true;
    scrollbar: false;
    spacing: 6px;
}

scrollbar {
    width: 4px;
    handle-color: @yellow;
    handle-width: 8px;
    background-color: transparent;
}

mode-switcher {
    spacing: 6px;
}

button {
    background-color: @bg1;
    text-color: @fg3;
    border-radius: 8px;
    padding: 8px;
}

button selected {
    background-color: @blue;
    text-color: @fg0;
}

element {
    border-radius: 8px;
    padding: 10px;
    spacing: 12px;
}

element normal.normal,
element normal.urgent,
element normal.active {
    background-color: transparent;
    text-color: @fg1;
}

element alternate.normal,
element alternate.urgent,
element alternate.active {
    background-color: transparent;
    text-color: @fg1;
}

element selected.normal {
    background-color: @bg2;
    text-color: @fg0;
}

element selected.active {
    background-color: @green;
    text-color: @bg0;
}

element selected.urgent {
    background-color: @red;
    text-color: @fg0;
}