configuration {
  //drun-icon-theme: "Papirus";
  //show-icons: true;
  font: "DejavuSansMono NF 50";
}

* {
  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: #22222244;
  //backgorund: #222222;
  background: #0c0f10aa;
  text-color: #ffb25a;
  selected-normal-background: #5294e290;  
  window-border: #676E7D;
  //foreground: #ffb25a;
  //foreground: #99ff99;
  //foreground: #ddc5c1;
  foreground: #E0846E;

}
window {
  background-color: #22222244;
  fullscreen: true;
  position: center;
  anchor: center;
}

mainbox {
  children: [listview];
}

listview {
  cycle: true;
  spacing: 0.1em;
  padding: 32% 14% 32% 27%;
  layout: horizontal;
}

element {
	orientation: horizontal;
	padding: 0.5em;
  border-radius: 50%;
}


element selected {
	background-color: @color10;
  text-color: @color0;
	border-radius: 50%;
}

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

/* 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;
}