/*Dracula theme based on the Purple official rofi theme*/

* {
font: "CaskaydiaCove Nerd Font Book 18";
foreground: #f8f8f2;
            background-color: #282a36;
            transparent-color: argb:00282a36;
            active-background: #bd93f9;
            urgent-background: #ff5555;
            selected-background: #50fa7b;
            selected-urgent-background: @urgent-background;
            selected-active-background: @active-background;
            alternate-bg: #44475a;
separatorcolor: @active-background;
bordercolor: @active-background;
background: #282a36;
}




#window {

    background-color: @background;
    border-color: @background-color;
anchor: center;
location: center;
padding:          0px;
width:  100%;
height: 100%;
children: [ horibox ];
border: 24px;
}


#horibox {
orientation: vertical;
children:   [ prompt, entry, listview ];
padding: 0px;
}

#mainbox {
border:  0;
padding: 10;
}
#message {
border:       0px dash 0px 0px ;
              border-color: @separatorcolor;
padding:      0px ;
}
#textbox {
    text-color: @foreground;
}
#listview {
layout: vertical;
spacing:      0px ;
scrollbar:    true;
}
#element {
padding: 10px ;
anchor: center;
}
#element.normal.normal {
    background-color: @background-color;
    text-color:       @foreground;
}
#element.normal.urgent {
    background-color: @urgent-background;
    text-color:       @urgent-foreground;
}
element-icon {
size: 2ch;
}
#element.normal.active {
    background-color: @active-background;
    text-color:       @background-color;
}
#element.selected.normal {
    background-color: @selected-background;
    text-color:       @background-color;
border: 1px;
bordercolor: @selected-background;
}
#element.selected.urgent {
    background-color: @selected-urgent-background;
    text-color:       @foreground;
}
#element.selected.active {
    background-color: @selected-active-background;
    text-color:       @selected-background;
}
#element.alternate.normal {
    background-color: @alternate-bg;
    text-color:       @foreground;
}
#element.alternate.urgent {
    background-color: @urgent-background;
    text-color:       @foreground;
}
#element.alternate.active {
    background-color: @active-background;
    text-color:       @foreground;
}
#scrollbar {
width:        10px ;
border:       0;
              handle-width: 10px ;
padding:      0;
              handle-color: #ff79c6;
              background-color: @background-color;
}
#sidebar {
border:       0px dash 0px 0px ;
              border-color: @separatorcolor;
}
#button.selected {
    background-color: @selected-background;
    text-color:       @foreground;
}
#inputbar {
spacing:    0;
            text-color: @foreground;
padding:    10px ;
}
#case-indicator {
spacing:    0;
            text-color: @foreground;
}
#entry {
spacing:    0;
            text-color: @foreground;
expand: false;
anchor: center;
location: center;
}
#prompt {
spacing:    0;
            text-color: @foreground;
}
#inputbar {
children:   [ prompt,textbox-prompt-colon,entry,case-indicator ];
}
#textbox-prompt-colon {
expand:     false;
str:        ":";
margin:     0px 0.3em 0em 0em ;
            text-color: @foreground;
}