@import "colors.rasi"

* {
  font: "Jetbrains Mono NerdFont 12";

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

  selected-background: @active-background;
  selected-urgent-background: @urgent-background;
  selected-active-background: @active-background;
  separatorcolor: @active-background;
  bordercolor: @drac-cmt;
}

#window {
  background-color: @background;
  border-color:     @bordercolor;
  border:           2;
  padding:          0;
}

#mainbox {
  border:  0;
  padding: 0;
}

#message {
  border:       1px dash 0px 0px ;
  border-color: @separatorcolor;
  padding:      1px ;
}

#textbox {
  text-color: @foreground;
}

#listview {
  fixed-height: 0;
  border:       2px 0px 0px;
  border-color: @bordercolor;
  spacing:      2px;
  scrollbar:    false;
  padding:      0px 0px 0px ;
}

#element {
  border:  0;
  padding: 0px 10px;
}

#element.normal.normal {
  background-color: @background;
  text-color:       @foreground;
}
#element.normal.urgent {
  background-color: @urgent-background;
  text-color:       @urgent-foreground;
}
#element.normal.active {
  background-color: @active-background;
  text-color:       @background;
}
#element.selected.normal {
  background-color: @selected-background;
  text-color:       @foreground;
}
#element.selected.urgent {
  background-color: @selected-urgent-background;
  text-color:       @foreground;
}
#element.selected.active {
  background-color: @selected-active-background;
  text-color:       @background;
}
#element.alternate.normal {
  background-color: @background;
  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:        2px ;
  border:       0;
  handle-width: 8px ;
  padding:      0;
}
#sidebar {
  border:       2px dash 0px 0px ;
  border-color: @separatorcolor;
}
#button.selected {
  background-color: @selected-background;
  text-color:       @foreground;
}
#inputbar {
  spacing:    0;
  text-color: @foreground;
  padding:    1px ;
}
#case-indicator {
  spacing:    0;
  text-color: @foreground;
}
#entry {
  spacing:    0;
  text-color: @drac-cya;
}
#prompt {
  spacing:    0;
  text-color: @drac-grn;
}
#inputbar {
  children:   [ prompt,textbox-prompt-colon,entry,case-indicator ];
}
#textbox-prompt-colon {
  expand:     false;
  str:        ":";
  margin:     0px 0.3em 0em 0em ;
  text-color: @drac-grn;
}