configuration {
    font: "JetBrainsMono Nerd Font 12";
    show-icons: true;
    location: 0;
    fullscreen: false;
    modi: "drun,run,window";
    display-drun: "󰀻 APPS";
    display-run: " EXEC";
    display-window: "﩯 WINS";
    sidebar-mode: true;
    click-to-exit: true;
    show-match: false;
}

* {
    background:           #1a2c4a;
    background-alt:       #24364f;
    foreground:           #f4f4f4;
    selected:             #f0c75e;
    active:               #6cbf5f;
    urgent:               #e26b6b;
    border-color:         #f0c75e;
    separatorcolor:       #4a5c73;
    border-radius:        20px;
    font: "JetBrainsMono Nerd Font 12";
}

window {
    background-color:     @background;
    border:               3px;
    border-color:         @border-color;
    border-radius:        0px;
    width:                600px;
    height:               600px;
    padding:              32px;
    anchor:               center;
    location:             center;
}

mainbox {
    background-color:     transparent;
    spacing:              16px;
}

inputbar {
    children:             [prompt, textbox-prompt-colon, entry, num-filtered-rows, textbox-num-sep, num-rows];
    background-color:     @background-alt;
    text-color:           @foreground;
    border-radius:        18px;
    padding:              16px 20px;
    border:               0px 0px 2px 0px;
    border-color:         @selected;
    margin:               0px 0px 16px 0px;
}

prompt {
    background-color:     transparent;
    text-color:           @selected;
    font:                 "JetBrainsMono Nerd Font Bold 14";
}

textbox-prompt-colon {
    expand:               false;
    str:                  "";
    text-color:           @selected;
}

entry {
    background-color:     transparent;
    text-color:           @foreground;
    placeholder-color:    #8a8f9d;
    placeholder:          "TYPE TO SEARCH...";
    font:                 "JetBrainsMono Nerd Font 11";
}

num-filtered-rows {
    expand:               false;
    background-color:     transparent;
    text-color:           #8a8f9d;
    font:                 "JetBrainsMono Nerd Font 10";
}

textbox-num-sep {
    expand:               false;
    str:                  "/";
    text-color:           #8a8f9d;
    font:                 "JetBrainsMono Nerd Font 10";
}

num-rows {
    expand:               false;
    background-color:     transparent;
    text-color:           #8a8f9d;
    font:                 "JetBrainsMono Nerd Font 10";
}

listview {
    background-color:     transparent;
    spacing:              4px;
    cycle:                true;
    dynamic:              true;
    layout:               vertical;
    border-radius:        12px;
    padding:              8px 0px;
}

element {
    background-color:     transparent;
    text-color:           @foreground;
    orientation:          horizontal;
    border-radius:        10px;
    padding:              10px 14px;
    margin:               2px 0px;
    border:               0px;
}

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

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

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

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

element selected.normal {
    background-color:     @selected;
    text-color:           @background;
    border:               1px;
    border-color:         @selected;
}

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

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

element-icon {
    background-color:     transparent;
    size:                 1.4em;
    margin:               0px 12px 0px 0px;
}

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

scrollbar {
    width:                6px;
    background-color:     @background-alt;
    handle-color:         @selected;
    border-radius:        8px;
    handle-width:         6px;
    margin:               0px 4px;
}

message {
    background-color:     @background-alt;
    border:               1px;
    border-color:         @border-color;
    border-radius:        12px;
    padding:              12px;
    text-color:           @foreground;
}