configuration {
  show-icons: true;
  icon-theme: "la-capitaine";
  font: "Roboto 14";
  /* font: "Hack Nerd Font 14"; */
  display-run: "run";
  drun-display-format: "{name}";
  run-display-format: "{name}";
  display-drun: "Applications";
  display-window: "Windows:";
  modi: "window,run,drun";
}

@theme "/dev/null"

* {
    highlight: bold italic;
    selected-normal-foreground:  rgba ( 255, 255, 255, 100 % );
    foreground:                  rgba ( 193, 193, 193, 100 % );
    normal-foreground:           @foreground;
    alternate-normal-background: rgba ( 39, 50, 56, 0 % );
    red:                         rgba ( 220, 50, 47, 100 % );
    selected-urgent-foreground:  rgba ( 255, 24, 68, 100 % );
    blue:                        rgba ( 38, 139, 210, 100 % );
    urgent-foreground:           rgba ( 255, 24, 68, 100 % );
    alternate-urgent-background: rgba ( 39, 50, 56, 100 % );
    active-foreground:           rgba ( 128, 203, 196, 100 % );
    lightbg:                     rgba ( 238, 232, 213, 100 % );
    selected-active-foreground:  rgba ( 128, 203, 196, 100 % );
    alternate-active-background: rgba ( 39, 50, 56, 0 % );
    background:                  rgba ( 39, 50, 56, 80 % );
    bordercolor:                 rgba ( 39, 50, 56, 100 % );
    alternate-normal-foreground: @foreground;
    normal-background:           rgba ( 39, 50, 56, 0 % );
    lightfg:                     rgba ( 88, 104, 117, 100 % );
    /* selected-normal-background:  rgba ( 57, 66, 73, 100 % ); */
    /* selected-normal-background:  rgba ( 238, 17, 238, 20 % ); */
    /* selected-normal-background:  rgba ( 146, 1, 157, 20 % ); */
    /* selected-normal-background:  rgba ( 238, 17, 238, 20 % ); */
    selected-normal-background:  rgba ( 150,150,150, 15 % );
    border-color:                rgba ( 45, 226, 230, 100 % );
    /* spacing:                     2; */
    spacing:                     0;
    separatorcolor:              rgba ( 30, 37, 41, 60 % );
    /* separatorcolor:              rgba ( 30, 30, 30, 60 % ); */
    /* separatorcolor:              rgba ( 30, 37, 41, 100 % ); */
    urgent-background:           rgba ( 39, 50, 56, 100 % );
    selected-urgent-background:  rgba ( 57, 66, 73, 100 % );
    alternate-urgent-foreground: @urgent-foreground;
    background-color:            rgba ( 0, 0, 0, 0 % );
    alternate-active-foreground: @active-foreground;
    active-background:           rgba ( 39, 50, 56, 0 % );
    selected-active-background:  rgba ( 57, 66, 73, 0 % );
    scrollbar:                   true;
    handle-color:                @border-color;
}
window {
    background-color: @background;
    border:           2;
    border-radius: 12px;
    /* padding:          5; */
}


mainbox {
    border:  0;
    padding: 0;
}
message {
    /* border:       1px dash 0px 0px ; */
    /* border-color: @separatorcolor; */
    /* padding:      1px ; */
    /* background-color: red; */
}
textbox {
    text-color: @foreground;
    padding: 10px;
    /* background-color: #2c3e48; */
}

listview {
    fixed-height: 0;
    /* border:       2px dash 0px 0px ; */
    border:       2px solid 0px 0px ;
    border-color: @separatorcolor;
    /* border-radius: 0px 0px 15px 15px; */
    /* spacing:      5px ; */
    scrollbar:    true;
    padding:      8px 0px 0px ;
    /* padding:      5px 0px 0px ; */
    /* padding:      0px ; */
}
element {
    border:  0;
    padding: 0px ;
    border-radius: 8px;
    margin: 1px 12px;
}

element-icon {
    size: 48;
    padding: 4px 8px 4px 8px;
}

element-text {
    /* background-color: inherit; */
    text-color:       inherit;
    vertical-align: 0.5;
}
element.normal.normal {
    background-color: @normal-background;
    text-color:       @normal-foreground;
}
element.normal.urgent {
    background-color: @urgent-background;
    text-color:       @urgent-foreground;
}
element.normal.active {
    background-color: @active-background;
    text-color:       @active-foreground;
}
element.selected.normal {
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
}
element.selected.urgent {
    background-color: @selected-urgent-background;
    text-color:       @selected-urgent-foreground;
}
element.selected.active {
    background-color: @selected-active-background;
    text-color:       @selected-active-foreground;
}
element.alternate.normal {
    background-color: @alternate-normal-background;
    text-color:       @alternate-normal-foreground;
}
element.alternate.urgent {
    background-color: @alternate-urgent-background;
    text-color:       @alternate-urgent-foreground;
}
element.alternate.active {
    background-color: @alternate-active-background;
    text-color:       @alternate-active-foreground;
}
scrollbar {
    width:        2px ;
    border:       0;
    handle-width: 3px ;
    /* padding:      0 0 0 5px; */
}
mode-switcher {
    border:       2px dash 0px 0px ;
    border-color: @separatorcolor;
}
button.selected {
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
}
inputbar {
    spacing:    0;
    text-color: @normal-foreground;
    padding:    8px 10px 10px 10px;

    /* background-color: #2c3e48; */

}
case-indicator {
    spacing:    0;
    text-color: @normal-foreground;
}
entry {
    spacing:    0;
    text-color: @normal-foreground;
    /* background-color: #2c3e48; */

}
prompt {
    spacing:    0;
    text-color: @normal-foreground;
    /* background-color: #2c3e48; */
}
inputbar {
    children:   [ prompt,textbox-prompt-colon,entry,case-indicator ];
}
textbox-prompt-colon {
    expand:     false;
    str:        ":";
    margin:     0px 0.3em 0em 0em ;
    text-color: @normal-foreground;
}