configuration {
    modi: "drun,run,window";
    show-icons: true;
    icon-theme: "Yaru";
    font: "LiterationMono Nerd Font 11";
}

* {
    bg:         #1f1f28;
    bg-alt:     #2b2b36;
    fg:         #eeeeee;
    fg-alt:     #bcbcbc;
    border:     #3a3a46;
    accent:     #4a90d9;
    accent-alt: #6daeea;
    urgent:     #c7162b;

    background-color: @bg;
    text-color: @fg;
}

window {
    location: center;
    anchor: center;
    width: 32%;
    border: 2px;
    border-color: @accent;
    border-radius: 10px;
    padding: 12px;
    background-color: @bg;
}

mainbox {
    spacing: 10px;
    children: [ inputbar, listview ];
}

inputbar {
    background-color: @bg-alt;
    text-color: @fg;
    border: 0px;
    border-radius: 8px;
    padding: 10px;
    children: [ prompt, entry ];
}

prompt {
    background-color: transparent;
    text-color: @accent;
    padding: 0px 8px 0px 0px;
}

entry {
    background-color: transparent;
    text-color: @fg;
    placeholder: "Search...";
    placeholder-color: @fg-alt;
}

listview {
    lines: 10;
    columns: 1;
    fixed-height: false;
    spacing: 6px;
    background-color: transparent;
    scrollbar: false;
}

element {
    padding: 10px;
    border-radius: 8px;
    background-color: transparent;
    text-color: @fg;
}

element normal normal {
    background-color: transparent;
    text-color: @fg;
}

element selected normal {
    background-color: @accent;
    text-color: #ffffff;
}

element selected urgent {
    background-color: @urgent;
    text-color: #ffffff;
}

element-icon {
    size: 22px;
    background-color: transparent;
}

element-text {
    background-color: transparent;
    text-color: inherit;
    vertical-align: 0.5;
}