configuration {
  modi: "drun,run,window";
  show-icons: true;
  icon-theme: "Papirus-Dark";
  drun-display-format: "{name}";
  font: "JetBrainsMono Nerd Font 13";
  matching: "normal";
  terminal: "ghostty";
  fuzzy-match: true;
  scrollbar: false;
  sidebar-mode: false;
}

* {
  background:     rgba(30, 30, 46, 0.95);
  background-alt: rgba(49, 50, 68, 0.9);
  foreground:     rgba(205, 214, 244, 1.0);
  selected:       rgba(137, 180, 250, 0.25);
  border-color:   rgba(137, 180, 250, 0.6);
  spacing: 4;
}

window {
  width: 600px;
  border-radius: 14px;
  border: 2px;
  border-color: @border-color;
  background-color: @background;
  padding: 8px;
}

mainbox {
  padding: 0;
  children: [ inputbar, listview ];
}

inputbar {
  padding: 8px 12px;
  background-color: @background-alt;
  border-radius: 10px;
  margin: 0 0 8px 0;
  children: [ entry ];
}

entry {
  background: transparent;
  text-color: @foreground;
  caret-color: @foreground;
  placeholder-color: rgba(205, 214, 244, 0.4);
  expand: true;
  horizontal-align: 0;
}

listview {
  background: transparent;
  lines: 8;
  columns: 1;
  spacing: 4;
  cycle: true;
  dynamic: true;
  scrollbar: false;
  layout: vertical;
}

element {
  padding: 8px 12px;
  border-radius: 8px;
  text-color: @foreground;
  background-color: transparent;
}

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

element selected.normal {
  background-color: @selected;
  text-color: @foreground;
}

element-icon {
  padding: 0 8px 0 0;
  size: 24px;
  horizontal-align: 0;
  vertical-align: 0.5;
}

element-text {
  padding: 0;
  vertical-align: 0.5;
  horizontal-align: 0;
  text-color: inherit;
}

element-text selected {
  text-color: @foreground;
}

message {
  margin: 8px 0 0 0;
  padding: 4px;
  border-radius: 8px;
  background-color: @background-alt;
}

textbox {
  padding: 4px 8px;
  text-color: @foreground;
}