configuration {
  modes: "windowcd";
  icon-theme: "Nordzy-cyan-dark";
  //window-thumbnail: true;
  window-format: "{c:20}\n<span size='small'>{t:25}</span>";
}

@theme "./colors.rasi"


window {
  transparency: "real";
  location: center;
  width: 1200px;
  border-radius: 4px;
  background-color: @bg;
}

mainbox {
  vertical-align: 0.5;
  padding: 48px 24px;
  children: [ listview ];
}


listview {
  flow: horizontal;
  fixed-columns: true;
  columns: 3;
  lines: 2;
  cycle: false;
  background-color: transparent;
}



element {
  //orientation: vertical;
  padding: 32px 6px;
  margin: 12px 24px;
  border-radius: 6px;
  text-color: @blue;
  background-color: @grey;
  children: [element-icon, element-text];
}

element-icon {
  size: 64;
  padding: 0 10px;
  background-color: transparent;
}

element-text {
  padding: 12px 0;
  font: "Menlo 14";
  vertical-align: 0.5;
  text-color: inherit;
  background-color: transparent;
}

element selected {
  background-color: @greena;
}
element-text selected {
  text-color: #ffffff;
}