/* =========================================================================
 *  Catppuccin Macchiato theme for rofi
 * ========================================================================= */

* {
    rosewater: #f4dbd6ff;
    flamingo:  #f0c6c6ff;
    pink:      #f5bde6ff;
    mauve:     #c6a0f6ff;
    red:       #ed8796ff;
    maroon:    #ee99a0ff;
    peach:     #f5a97fff;
    yellow:    #eed49fff;
    green:     #a6da95ff;
    teal:      #8bd5caff;
    sky:       #91d7e3ff;
    sapphire:  #7dc4e4ff;
    blue:      #8aadf4ff;
    lavender:  #b7bdf8ff;
    text:      #cad3f5ff;
    subtext1:  #b8c0e0ff;
    subtext0:  #a5adcbff;
    overlay2:  #939ab7ff;
    overlay1:  #8087a2ff;
    overlay0:  #6e738dff;
    surface2:  #5b6078ff;
    surface1:  #494d64ff;
    surface0:  #363a4fff;
    base:      #24273aff;
    mantle:    #1e2030ff;
    crust:     #181926ff;

    background:      @base;
    background-alt:  @surface0;
    foreground:      @text;
    selected:        @mauve;
    active:          @green;
    urgent:          @red;

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

window {
    transparency:      "real";
    location:          center;
    anchor:            center;
    fullscreen:        false;
    width:             640px;
    x-offset:          0px;
    y-offset:          0px;

    enabled:           true;
    border-radius:     12px;
    border:            2px solid;
    border-color:      @mauve;
    background-color:  @background;
    cursor:            "default";
}

mainbox {
    enabled:          true;
    spacing:          0px;
    padding:          0px;
    background-color: transparent;
    children:         [ "inputbar", "message", "listview" ];
}

inputbar {
    enabled:          true;
    spacing:          10px;
    padding:          14px 16px;
    background-color: @mantle;
    text-color:       @foreground;
    children:         [ "prompt", "entry" ];
}

prompt {
    enabled:          true;
    background-color: transparent;
    text-color:       @mauve;
}

entry {
    enabled:               true;
    background-color:      transparent;
    text-color:            @foreground;
    cursor:                text;
    placeholder:           "Search…";
    placeholder-color:     @overlay0;
}

message {
    enabled:          true;
    margin:           0px;
    padding:          10px 16px;
    background-color: @surface0;
    text-color:       @foreground;
}

textbox {
    background-color: transparent;
    text-color:       @foreground;
    vertical-align:   0.5;
    horizontal-align: 0.0;
}

listview {
    enabled:          true;
    columns:          1;
    lines:            10;
    cycle:            true;
    dynamic:          true;
    scrollbar:        true;
    layout:           vertical;
    reverse:          false;
    fixed-height:     true;
    fixed-columns:    true;

    spacing:          2px;
    padding:          10px;
    background-color: transparent;
    cursor:           "default";
}

scrollbar {
    handle-width:     4px;
    handle-color:     @surface2;
    border-radius:    8px;
    background-color: @mantle;
}

element {
    enabled:          true;
    spacing:          10px;
    padding:          8px 12px;
    border-radius:    8px;
    background-color: transparent;
    text-color:       @foreground;
    cursor:           pointer;
}

element normal.normal   { background-color: transparent; text-color: @foreground; }
element normal.urgent   { background-color: transparent; text-color: @urgent; }
element normal.active   { background-color: transparent; text-color: @active; }

element selected.normal { background-color: @selected;   text-color: @crust; }
element selected.urgent { background-color: @urgent;     text-color: @crust; }
element selected.active { background-color: @active;     text-color: @crust; }

element alternate.normal { background-color: transparent; text-color: @foreground; }
element alternate.urgent { background-color: transparent; text-color: @urgent; }
element alternate.active { background-color: transparent; text-color: @active; }

element-icon {
    background-color: transparent;
    text-color:       inherit;
    size:             24px;
    cursor:           inherit;
}

element-text {
    background-color: transparent;
    text-color:       inherit;
    highlight:        inherit;
    cursor:           inherit;
    vertical-align:   0.5;
    horizontal-align: 0.0;
}

mode-switcher {
    enabled:          true;
    spacing:          0px;
    background-color: transparent;
}

button {
    padding:          8px;
    background-color: @surface0;
    text-color:       @overlay1;
    cursor:           pointer;
}

button selected {
    background-color: @mauve;
    text-color:       @crust;
}

error-message {
    padding:          16px;
    border-radius:    12px;
    background-color: @base;
    text-color:       @red;
}