@import "matugen-colors.rasi"

* {
    background-color: transparent;
    text-color:       @fg0;

    font: "JetBrainsMono Nerd Font 12";

    margin: 0;
    padding: 0;
    spacing: 0;
}

window {
    background-color: @bg0; 
    border:           2px;
    border-color:     @magenta; 
    border-radius:    10px;
    width:            500px;
    padding:          20px;
}

inputbar {
    children: [ prompt, entry ];
    background-color: @bg1;
    border-radius:    6px;
    padding:          10px;
    margin:           0 0 15px 0;
}

prompt {
    text-color: @magenta;
    padding:    0 10px 0 0;
}

entry {
    text-color: @fg0;
    placeholder: "Suche...";
    placeholder-color: @fg2;
}

listview {
    lines:      8;
    columns:    1;
    scrollbar:  false;
    spacing:    5px;
}

element {
    padding:       8px;
    border-radius: 6px;
}

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

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

element-icon {
    size: 24px;
    margin: 0 10px 0 0;
}

element-text {
    vertical-align: 0.5;
}