@import "config.rasi"
@import "colors.rasi"

configuration {
    show-icons:                 false;
}

window {

    width:200px;
}

mainbox {
    children: [ "message", "listview"];
}

/*****----- Message -----*****/
message {
    enabled:                     true;
    margin:                      0px;
    padding:                     8px;
    border:                      0px solid;
    border-radius:               100%;
    background-color:            transparent;
    text-color:                  var(theme-text-color);
}
textbox {
    background-color:            inherit;
    text-color:                  inherit;

    placeholder-color:           var(theme-text-color);

    font: "Hack Nerd Font Bold 12";
}
error-message {
    padding:                     12px;
    border:                      0px solid;
    border-radius:               0px;
    background-color:            var(theme-bg-color);
    text-color:                  var(theme-text-color);
}

listview {
    columns: 2;
    lines: 1;
    layout:vertical;
}


element {
    enabled:                     true;
    spacing:                     0px;
    margin:                      0px;
    
    border:                      0px solid;
    border-radius:               100%;
    background-color:            transparent;
    
    cursor:                      "pointer";
}
element-text {
    background-color:            transparent;
    text-color:                  var(theme-text-color);
    cursor:                      inherit;
    horizontal-align: 0.5;
    vertical-align:0;
    font:                        "Hack Nerd Font 18";

}
element selected.normal  {
    background-color:            var(theme-selected-bg-color);
    text-color:                  var(theme-selected-fg-color);
}
element-text selected.normal  {
    text-color:                  var(mantle);
}