// настройки поведения
configuration {
    modi: "run,drun,window";        // режимы: запуск, приложения, окна
    show-icons: true;               // иконки включены
    terminal: "kitty";              // дефолтный терминал
    
    location: 0;                    // центр экрана
    yoffset: 0; 
    xoffset: 0;

    disable-history: false;         // историю не отключать
    hide-scrollbar: true;           // скрыть скроллбар
    
    // подписи режимов с иконками
    display-drun: "  drun";
    display-run: "󱎸  run";
    display-window: "   window";
    
    // формат текста в списке
    drun-display-format: "{name}";
    run-display-format: "{name}";
    window-format: "{t}";

    sidebar-mode: true;             // панель переключения внизу
}

@theme "/dev/null"

// переменные и цвета
* {
    lavender:    #a8afe1; 
    text:        #cad3f5; 
    surface0:    #363a4f; 
    surface1:    #494d64; 
    highlight:   #1e2030; 
    
    bg-col:      rgba(54, 58, 79, 0.9); // основной фон
    
    font: "Inter, FiraCode Nerd Font 14px";
    background-color: transparent;
}

// параметры окна
window {
    width: 600px;
    height: 476px;
    border: 1px; 
    border-color: @lavender;
    background-color: @bg-col;
    border-radius: 10px;
}

// основной контейнер
mainbox {
    padding: 20px;
    children: [ inputbar, listview, mode-switcher ];
}

// блок поиска
inputbar {
    spacing: 15px;
    children: [ box-prompt, box-entry ];
}

// плашка с названием режима
box-prompt {
    expand: false;
    width: 120px;
    background-color: @lavender;
    border-radius: 10px;
    orientation: horizontal;
    children: [ dummy, prompt, dummy ]; // центровка текста
}

dummy { expand: true; }

prompt {
    padding: 8px 0px 4px 0px; 
    text-color: @highlight;
    font-weight: 800;
}

// поле ввода
box-entry {
    expand: true;
    orientation: horizontal;
    background-color: rgba(24, 25, 38, 0.5); 
    border: 1px;
    border-color: @surface1;
    border-radius: 10px;
    children: [ entry, textbox-search ];
}

entry {
    expand: true;
    padding: 8px 0px 8px 15px; 
    text-color: @text;
    placeholder: "Search...";
    placeholder-color: @surface1;
}

// иконка поиска в поле
textbox-search {
    expand: false;
    padding: 8px 17px 8px 10px; 
    text-color: @surface1;
    vertical-align: 0.5;
    str: "";
    font: "FiraCode Nerd Font 14px";
}

// список элементов
listview {
    expand: true;
    padding: 10px 0px;
    margin: 10px 0px;
    columns: 1;
    fixed-height: false;
    spacing: 5px;
}

// стиль одной строки
element {
    padding: 8px 12px;
    border-radius: 10px;
    text-color: @lavender;
    orientation: horizontal;
    children: [ element-icon, element-text ];
    spacing: 0px;
}

element-icon {
    width: 45px;
    size: 24px;
    expand: false;
    horizontal-align: 0.5;
    vertical-align: 0.5;
}

element-text {
    expand: true;
    horizontal-align: 0;
    vertical-align: 0.5;
    margin: 0 0 0 10px;
    padding: 0px;
    font-weight: 600;
    highlight: bold;  
    text-color: inherit;
}

// выбранный элемент
element selected {
    background-color: rgba(168, 175, 225, 0.15);
    text-color: @text;
    border: 1px;
    border-color: @lavender;
}

element selected text {
    text-color: @lavender;
}

// кнопки режимов
mode-switcher {
    spacing: 15px;
}

button {
    padding: 10px;
    background-color: @surface1; 
    text-color: @text;
    border-radius: 10px;
}

button selected {
    background-color: @lavender;
    text-color: @highlight;
}

// отключение ненужного
element-index, element-postfix { display: none; }