configuration {
    show-icons:           true;
    icon-theme:           "Adwaita";
    drun-display-format:  "{name}";
    display-drun:         "";
    modes:                "drun,run,window";
}

* {
    main-bg:            #0f0d17;
    main-fg:            #e9eefb;
    main-br:            #5d7fb0;
    main-ex:            #e0798f;
    main-bg-trans:      #0f0d17cc;   /* RRGGBBAA - true alpha via picom */
    select-bg:          #92b9ea2b;
    select-fg:          #cfe0f7;
    dim:                #7f7796;
    border-color:       #3d3752;
    
    background-color:   @main-bg;
    text-color:         @main-fg;
}

window {
    transparency:       "real";
    border-radius:      12px;
    background-color:   @main-bg-trans;
    border:             1px;
    border-color:       @border-color;
    width:              620px;
    padding:            0px;
    location:           center;
    anchor:             center;
    y-offset:           0;
    x-offset:           0;
}

mainbox {
    background-color:   transparent;
    spacing:            0px;
    padding:            0px;
    border:             0px;
}

/* Top bar */
inputbar {
    background-color:   transparent;
    text-color:         @main-fg;
    padding:            16px 18px;
    margin:             0px 0px 4px 0px;
    spacing:            0px;
    border:             0px 0px 1px 0px;
    border-color:       @border-color;
    children:           [ prompt, entry ];
}

prompt {
    background-color:   transparent;
    text-color:         @main-ex;
    padding:            0px 10px 0px 0px;
    vertical-align:     0.5;
    font:               "JetBrainsMono Nerd Font Bold 13";
}

/* Prompt shows like terminal: >> */
prompt {
    str: ">>";
}

entry {
    background-color:   transparent;
    text-color:         @main-fg;
    placeholder:        "search";
    placeholder-color:  @dim;
    cursor:             text;
    vertical-align:     0.5;
    font:               "JetBrainsMono Nerd Font 14";
}

/* Message box */
message {
    background-color:   transparent;
    padding:            8px 12px;
}

textbox {
    text-color:         @main-fg;
    background-color:   transparent;
    font:               "JetBrainsMono Nerd Font 10";
}

/* List view  */
listview {
    background-color:   transparent;
    spacing:            0px;
    padding:            8px 10px 12px 10px;
    scrollbar:          false;
    lines:              9;
    fixed-height:       true;
    columns:            1;
    layout:             vertical;
}

/* List elements */
element {
    background-color:   transparent;
    text-color:         @main-fg;
    padding:            6px 8px;
    spacing:            0px;
    border-radius:      8px;
}

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

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

element normal.urgent {
    background-color:   transparent;
    text-color:         @main-ex;
}

element alternate.urgent {
    background-color:   transparent;
    text-color:         @main-ex;
}

element normal.active {
    background-color:   transparent;
    text-color:         @main-br;
}

element alternate.active {
    background-color:   transparent;
    text-color:         @main-br;
}

/* Selected item */
element selected.normal {
    background-color:   @select-bg;
    text-color:         @select-fg;
    border:             0px;
}

element selected.urgent {
    background-color:   @select-bg;
    text-color:         @main-ex;
    border:             0px;
}

element selected.active {
    background-color:   @select-bg;
    text-color:         @select-fg;
    border:             0px;
}

/* Icon */
element-icon {
    background-color:   transparent;
    size:               1.7em;
    padding:            0px 12px 0px 0px;
    vertical-align:     0.5;
}

/* Text - monospace for ls feel */
element-text {
    background-color:   transparent;
    text-color:         inherit;
    vertical-align:     0.5;
    font:               "JetBrainsMono Nerd Font 11";
}

/* Selected text highlighting */
element selected element-text {
    text-color:         @select-fg;
}

/* Mode switcher */
mode-switcher {
    enabled:            false;
}

button {
    background-color:   transparent;
    text-color:         @dim;
    padding:            4px 10px;
    border:             0px;
    margin:             0px;
    font:               "JetBrainsMono Nerd Font 10";
}

button selected {
    background-color:   @select-bg;
    text-color:         @select-fg;
    border:             0px;
}