configuration {
  //drun-icon-theme: "Papirus";
  //show-icons: true;
  font: "Envy Code R 50";
}

* {
  transparency: "real";
  background-color: #22222244;
  background: #0c0f10aa;
  text-color: #ffb25a;
  selected-normal-background: #5294e290;  
  window-border: #676E7D;
  foreground: #E0846E;

}

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

mainbox {
  children: [listview];
}

listview {
  cycle: true;
  spacing: 0.2em;
  padding: 32% 40% 32% 40%;
  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: @color10;
	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;
}