configuration {
    font: "{{ .font }} 14";
    show-icons: true;
    icon-theme: "Suru++ Dark";
    sidebar-mode: true;
    window-thumbnail: true;
    drun-use-desktop-cache: true;
    drun-reload-desktop-cache: true;
    modi: "drun,run,window,ssh,calc:qalc +u8,filebrowser,emoji:~/.config/rofi/emoji.sh,unicode:~/.config/rofi/unicode.sh,kaomoji:~/.config/rofi/kaomoji.sh";
    display-run: " ";
    display-ssh: " ";
    display-calc: " ";
    display-drun: "󰣆 ";
    display-emoji: " ";
    display-window: " ";
    display-unicode: "󰻐 ";
    display-kaomoji: "(≧∇≦)/ ";
    display-filebrowser: " ";
    timeout {
        action: "kb-cancel";
        delay:  0;
    }
    filebrowser {
        directories-first: true;
        sorting-method:    "name";
    }
}


* {
    /* Catppuccin colour palette */
{{- if eq .theme_variant "dark" }}
    bgd: #24273A;
    fgd: #CAD3F5;
    pnk: #F5BDE6;
    red: #ED8796;
{{- end }}
{{- if eq .theme_variant "light" }}
    bgd: #EFF1F5;
    fgd: #4C4F69;
    pnk: #EA76CB;
    red: #D20F39;
{{- end }}

    foreground: @fgd;
    background: @bgd;
    active-background: @pnk;
    urgent-background: @red;

    selected-background: @active-background;
    selected-urgent-background: @urgent-background;
    selected-active-background: @active-background;
    separatorcolor: @active-background;
    bordercolor: @pnk;
}
window {
    background-color: @background;
    border:           2;
    border-radius:    12px;
    padding:          0;
    width: 900px;
    height: 600px;
}
mainbox {
    border:           0;
    border-radius:    12px;
    padding:          15;
}
message {
    border:           2px solid 0px 0px ;
    border-color:     @separatorcolor;
    padding:          1px;
    border-radius:    12px;
}
textbox {
    text-color:       @foreground;
}
listview {
    columns: 2;
    fixed-height:     0;
    border:           0px dash 0px 0px ;
    border-color:     @separatorcolor;
    spacing:          10px ;
    scrollbar:        false;
    padding:          2px 0px 0px ;
}
element {
    border:           0;
    padding:          4px ;
}
element normal.normal {
    background-color: @normal-background;
    text-color:       @normal-foreground;
    border-radius:    12px;
}
element normal.urgent {
    background-color: @urgent-background;
    text-color:       @urgent-foreground;
    border-radius: 12px;
}
element normal.active {
    background-color: @active-background;
    text-color:       @active-foreground;
    border-radius:    12px;
}
element selected.normal {
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
    border-radius:    12px;
}
element selected.urgent {
    background-color: @selected-urgent-background;
    text-color:       @selected-urgent-foreground;
    border-radius:    12px;
}
element selected.active {
    background-color: @selected-active-background;
    text-color:       @selected-active-foreground;
    border-radius:    12px;
}
element alternate.normal {
    background-color: @background;
    text-color:       @foreground;
    border-radius:    12px;
}
element alternate.urgent {
    background-color: @background;
    text-color:       @foreground;
    border-radius:    12px;
}
element alternate.active {
    background-color: @background;
    text-color:       @foreground;
    border-radius:    12px;
}
sidebar {
    border:           0px solid 0px 0px ;
    border-color:     @separatorcolor;
    spacing:          10;
}
button {
    spacing:          0;
    text-color:       @normal-foreground;
    border-radius:    12px;
}
button selected {
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
    border-radius:    12px;
}
inputbar {
    spacing:          10px;
    padding:          9px;
    text-color:       @normal-foreground;
    padding:          1px ;
    children:         [ prompt,entry ];
}
case-indicator {
    spacing:          0;
    text-color:       @normal-foreground;
}
entry {
    spacing:          0;
    text-color:       @normal-foreground;
}
prompt {
    spacing:          0;
    text-color:       @normal-foreground;
}