configuration {
  cycle: false;
  modi: "drun";
  font: "JetBrainsMono Nerd Font 12";
  location: 0;
  terminal: "alacritty";

  show-icons: true;
  hide-scrollbar: true;
	disable-history: false;
	click-to-exit: true;

  drun-display-format: "{icon} {name}";
	display-drun: "";

  // Bindings
  kb-remove-to-eol: "";
  kb-mode-complete: "";
  kb-remove-char-back: "BackSpace,Shift+BackSpace";
  kb-accept-entry: "Control+m,Return,KP_Enter";
  kb-element-next: "Tab,Control+j";
  kb-element-prev: "ISO_Left_Tab,Control+k";
}

@theme "tokyonight"

window {
	transparency: "real";
	background-color: @bg;
	text-color: @fg;
	border: 2px;
	border-color: @blue;
	border-radius: 30px;
	width: 550px;
  height: 65%;
	anchor: center;
	x-offset: 0;
	y-offset: 0;
}

prompt {
	enabled: true;
	padding: 8px;
	background-color: @bg;
	text-color: @red;
}

textbox-prompt-colon {
	expand: false;
	str: "";
	border-radius: 100%;
	background-color: @selected;
	text-color: @fg;
	padding: 8px 16px 8px 12px;
}

entry {
	background-color: @bg;
	text-color: @fg;
	placeholder-color: @placeholder;
	expand: true;
	horizontal-align: 0;
	placeholder: "Search...";
	blink: true;
	border: 0px 0px 2px 0px;
	border-color: @blue;
	border-radius: 10px;
	padding: 8px;
}

inputbar {
	children: [ textbox-prompt-colon, prompt, entry ];
	background-color: @bg;
	text-color: @fg;
	expand: false;
	border: 0px 0px 0px 0px;
	border-radius: 0px;
	border-color: @blue;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: center;
}

case-indicator {
	background-color: @bg;
	text-color: @fg;
	spacing: 0;
}

listview {
	background-color: @bg;
	columns: 1;
	lines: 10;
	spacing: 4px;
	cycle: false;
	border: 0px;
	dynamic: true;
	layout: vertical;
	scrollbar: false;
}

mainbox {
	background-color: @bg;
	children: [ inputbar, listview ];
	spacing: 15px;
	padding: 15px;
}

element.normal.normal,
element.alternate.normal {
	background-color: @bg;
	text-color: @fg;
	orientation: horizontal;
	border-radius: 4px;
	padding: 6px 6px 6px 6px;
	border: 0px;
}

element-icon {
	background-color: inherit;
	text-color: inherit;
	horizontal-align: 0.5;
	vertical-align: 0.5;
	size: 24px;
	border: 0px;
}

element-text {
	background-color: inherit;
	text-color: inherit;
	expand: true;
	horizontal-align: 0;
	vertical-align: 0.5;
	margin: 2px 0px 2px 2px;
}

element normal.urgent,
element alternate.urgent {
	background-color: @UGT;
	text-color: @FG;
	border-radius: 9px;
}

element selected {
	background-color: @selected;
	text-color: @blue;
	border: 0px 0px 0px 0px;
	border-radius: 10px;
	border-color: @blue;
}

element selected.urgent {
	background-color: @red;
	text-color: @fg2;
}

element selected.active {
	background-color: @selected;
	color: @blue;
}