configuration {
    modi:                 "drun,window";
    font:                 "Iosevka 10";
    drun-display-format:  "{name} [<span weight='light' size='small'> | {generic}</span>]";
    sidebar-mode:         false;
    show-icons:           true;
    icon-theme:           "Qogir-dark";
    display-window:       "";
    display-drun:         "λ";
    display-ssh:          "";
}

@theme "/dev/null"

* {
    bg:                #191724;
    fg:                #e0def4;
    button:            #31748f;
    rose:              #ebbcba;
    background-color:  @bg;
    text-color:        @fg;
}

window {
    transparency:  "real";
    width:         40%;
}

prompt {
    placeholder-color:  @fg;
    expand:             false;
    border-radius:      8px;
    padding:            1.5% 0.5%;
    background-color:   @rose;
    text-color:         @bg;
    font:               "Iosevka 14";
}

entry {
    placeholder:        "search";
    placeholder-color:  @fg;
    expand:             true;
    padding:            1.5%;
    border-radius:      8px;
}

inputbar {
    children:          [ prompt, entry ];
    background-image:  url("img/bg.jpg", width);
    expand:            false;
    border-radius:     0px 0 8px 8px;
    padding:           100px 30px 30px 300px;
}

listview {
    columns:  1;
    lines:    5;
    cycle:    false;
    dynamic:  true;
    layout:   vertical;
    padding:  30px 200px 30px 30px;
}

mainbox { children: [ inputbar, listview ]; }

element {
    orientation:    horizontal;
    padding:        1.5% 0%;
    border-radius:  8px;
}

element-text {
    expand:            true;
    vertical-align:    0.5;
    margin:            0% 0% 0% 0%;
    background-color:  inherit;
    text-color:        inherit;
}

element-icon {
    size:              24px;
    vertical-align:    0.5;
    margin:            0% 5%;
    background-color:  transparent;
}

element selected {
    background-color:  @button;
    border-radius:     8px;
}