configuration {
    modi: "run,drun,window,clipboard:greenclip print";
    show-icons: true;
    terminal: "kitty";
    drun-display-format: "{icon} {name}";
    location: 0;
    disable-history: false;
    hide-scrollbar: true;
    display-drun: " 🔍 Apps ";
    display-run: " 🏃 Run  ";
    display-clipboard: " 📋 Paste ";
    display-window: " 🪟 Window";
    sidebar-mode: true;
}

@theme "/dev/null"

* {
    bg-col: #2d2d2dcc;
    bg-col-light: #2d2d2d33;
    border-col: #00afff;
    border-col2: #414040ff;
    blue: #00afff;
    blue-transparent: #00afff66;
    selected-col: #00afff66;
    fg-col: #ffffff;
    grey: #969696;
    width: 600;
    font: "JetBrainsMono Nerd Font 11";
}

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

window {
    height: 460px;
    border: 2px;
    border-color: @border-col;
    background-color: @bg-col;
    border-radius: 8px;
}

mainbox {
    background-color: transparent;
}

inputbar {
    children: [prompt,entry];
    background-color: transparent;
    border-radius: 8px;
    padding: 2px;
}

prompt {
    background-color: @blue-transparent; 
    border: 2px;
    border-color: @blue; 
    text-color: @fg-col;
    padding: 6px 15px;
    border-radius: 8px;
    margin: 20px 0px 0px 20px;
    vertical-align: 0.5;
    horizontal-align: 0.5;
}

entry {
    padding: 6px 15px;
    margin: 20px 20px 0px 10px;
    text-color: @fg-col;
    background-color: transparent;
    placeholder: "Search...";
    placeholder-color: @grey;
    border-radius: 8px;
    border: 2px;
    border-color: @border-col2;
    vertical-align: 0.5;
}

listview {
    border: 0px 0px 0px;
    padding: 6px 0px 0px;
    margin: 10px 20px 20px 20px; 
    columns: 1;
    lines: 5;
    background-color: transparent;
}

element {
    padding: 5px 10px;
    margin: 0px 2px;
    background-color: transparent;
    text-color: @fg-col;
}

element selected {
    background-color: @selected-col; 
    text-color: @fg-col;
    border-radius: 8px;
    border: 2px;
    border-color: @blue;
}

mode-switcher {
    spacing: 10;
    margin: 0px 20px 20px 20px; 
    background-color: transparent;
}

button {
    padding: 10px;
    background-color: @bg-col-light;
    text-color: @grey;
    vertical-align: 0.5; 
    horizontal-align: 0.5;
    border-radius: 8px;
    cursor: pointer;
    border: 2px;
    border-color: @border-col2;
}

button selected {
    background-color: @selected-col; 
    text-color: @blue;
    border: 2px;
    border-color: @blue;
    border-radius: 8px;
}