/* Catppuccin macciato */

* {
    rosewater: #f4dbd6;
    flamingo: #f0c6c6;
    pink: #f5bde6;
    mauve: #c6a0f6;
    red: #ed8796;
    maroon: #ee99a0;
    peach: #f5a97f;
    yellow: #eed49f;
    green: #a6da95;
    teal: #8bd5ca;
    sky: #91d7e3;
    sapphire: #7dc4e4;
    blue: #8aadf4;
    lavender: #b7bdf8;
    text: #cad3f5;
    subtext1: #b8c0e0;
    subtext0: #a5adcb;
    overlay2: #939ab7;
    overlay1: #8087a2;
    overlay0: #6e738d;
    surface2: #5b6078;
    surface1: #494d64;
    surface0: #363a4f;
    base: #24273a;
    mantle: #1e2030;
    crust: #181926;

    bg-col: @base;
    bg-col-light: @base;
    border-col: @teal;
    selected-col: @teal;
    blue: #8aadf4;
    fg-col: @text;
    fg-col2: #ed8796;
    grey: #6e738d;


    border-rad: 3px;

    width: 600;
    font: "JetBrainsMono Nerd Font 14";
}

window {
    height: 360px;
    border: 3px;
    border-color: @border-col;
    background-color: @bg-col;
}

mainbox {
    background-color: @bg-col;
}

inputbar {
    children: [prompt,entry];
    spacing: 10px;
    background-color: @bg-col;
    margin: 20px 20px 0px 20px;
    border-radius: @border-rad;
}

prompt {
    background-color: @mauve;
    padding: 6px;
    text-color: @bg-col;
    border-radius: @border-rad;
}

entry {
    padding: 6px;
    text-color: @fg-col;
    background-color: @surface0;
    border-radius: @border-rad;
}

listview {
    border: 0;
    margin: 10px 0px 0px 20px;
    columns: 1;
    lines: 5;
    background-color: @bg-col;
    spacing: 10px;
    scrollbar: true;
}

scrollbar {
  background-color: @surface0;
  handle-color: @mauve;
  handle-width: 10px;
  margin: 0 0 11px;
  border-radius: @border-rad;
}

element {
    padding: 5px;
    border-radius: @border-rad;
}

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

element-icon {
    size: 25px;
}

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

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

mode-switcher {
    spacing: 0;
  }

button {
    padding: 10px;
    background-color: @surface0;
    text-color: @grey;
    vertical-align: 0.5;
    horizontal-align: 0.5;
}

button selected {
  background-color: @bg-col;
  text-color: @blue;
}

message {
    background-color: @surface0;
    margin: 2px;
    padding: 2px;
    border-radius: 5px;
}

textbox {
    padding: 6px;
    margin: 20px 0px 0px 20px;
    text-color: @blue;
    background-color: #fff;
}