configuration {
	/* Override config */
	modi: "combi,drun,window";
	scroll-method: 0;
	window-format: "{c} {t}";
  show-icons: true;
  //font: "DejavuSansMono NF 16";
  font: "Iosevka Nerd Font 16";
}

* {
  color0: #252030;
  color1: #4B6EBB;
  color2: #4B73C1;
  color3: #8F718E;
  color4: #817EC0;
  color5: #7582BE;
  color6: #A58997;
  color7: #e7cbbf;
  color8: #a18e85;
  color9: #4B6EBB;
  color10: #4B73C1;
  color11: #8F718E;
  color12: #817EC0;
  color13: #7582BE;
  color14: #A58997;
  color15: #e7cbbf;
  transparency: "real";
  background-color: #00000000;
  background: #0c0f10aa;
  background2: #0c0f10aa;
  window-border: #676E7D00;
  foreground: #E0846E;
  spacing: 0;
  text:       #dfdfdf;
  text-alt:   #b2b2b2;
  text-color: @text;
}

window {
  background-color: #222222aa; 
	fullscreen: true;
	position: center;
  font: "Iosevka 13";
}

mainbox {
  text-color: #ffffff44;
  background-color: #00000000;
	margin: 25% 25%;
	children: [ inputbar,listview, wrapper-prompt ];
}

inputbar {
  text-color: #ffffff;
	margin: 0 0 1em 0;
	children: [ entry, case-indicator];
}


entry {
	expand: false;
	font: inherit;
	margin: 0 1em;
}

case-indicator {
	font: inherit;
}

message {
	text-color: @color15;
}

listview {
	expand: false;
	layout: vertical;
	lines: 5;
	cycle: true;
	spacing: 5px;
	scrollbar: false;
}

/* Elements */
element {
	orientation: vertical;
	padding: 1em;
  border-radius: 3%;
}

element-icon {
	size: 12;
}

element-text {
	expand: false;
}

element selected {
	background-color: @background-color;
	border: 4px;
	border-radius: 3%;
}

/* Element normal */
element normal.normal, element alternate.normal {
	background-color: @color0;
	text-color: @color15;
}
element selected.normal {
	border-color: @color5;
	text-color: @color10 ;
  background-color: @color15;
}

/* Element active */
element normal.active, element alternate.active {
	text-color: @secondary;
}
element selected.active {
	border-color: @secondary;
	text-color: @secondary;
}

/* Element urgent */
element normal.urgent, element alternate.urgent {
	text-color: @urgency;
}
element selected.urgent {
	border-color: @urgency;
	text-color: @urgency;
}

wrapper-prompt {
	expand: false;
	orientation: horizontal;
	children: [ dummy, mode-switcher ];
}

dummy {
	expand: true;
}

mode-switcher {
	expand: false;
}

button {
	width: 6em;
	padding: 0.2em 0;
	margin: 0 0.5em;
}

button selected {
	border: 0 0 1px 0;
	border-color: @primary;
}

prompt {
  location: 0;
	highlight: italic;
}