@import "../shared/colors.rasi"
* {
    background-color: @background;
    font: "JetBrainsMono Nerd Font 12";
    g-spacing: 10px;
    g-margin: 0;
    b-color: #282828FF;
    fg-color: #ebdbb2FF;
    fgp-color: #a89984FF;
    b-radius: 8px;
    g-padding: 8px;
    hl-color: #d79921FF;
    hlt-color: #282828FF;
    alt-color: #3c3836FF;
    wbg-color: #282828CC;
    w-border: 2px solid;
    border-color: @selected;
    w-padding: 12px;
}


listview {
    columns: 1;
    lines: 7;
    fixed-height: true;
    fixed-columns: true;
    cycle: false;
    scrollbar: false;
    border: 0px solid;
}

window {
    transparency: "real";
    width: 450px;
    border-radius: @b-radius;
    background-color: @background;
    border: @w-border;
    border-color: @selected;
    padding: @w-padding;
}

prompt {
    text-color: @foreground;
}

inputbar {
    children: ["prompt", "entry"];
    spacing: @g-spacing;
}

entry {
    placeholder: "Type something...";
    text-color: @foreground;
    placeholder-color: @foreground;
}

mainbox {
    spacing: @g-spacing;
    margin: @g-margin;
    padding: @g-padding;
    children: ["inputbar", "listview", "message"];
}

element {
    spacing: @g-spacing;
    margin: @g-margin;
    padding: @g-padding;
    border: 0px solid;
    border-radius: @b-radius;
    border-color: @selected;
    background-color: @background;
    text-color: @foreground;
}

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

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

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

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

message {
    background-color: @background;
    border: 0px solid;
}

element-text, element-icon {
    background-color: inherit;
    text-color: inherit;
}