configuration {
  modes: "windowcd";
  icon-theme: "Nordzy-cyan-dark";

  window {
    display-name: "";
  }

  windowcd {
    display-name: "";
  }

  window-format: "{c} - {t}";
}

@theme "./colors.rasi"


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

mainbox {
  padding: 24px;
  children: [inputbar, listview];
}

inputbar {
  background-color: @grey;
  border-radius: 6px;
  margin: 12px 0;
  children: [prompt, entry];
}

entry {
  background-color: transparent;
  padding: 16px 4px;
  font: "Menlo 16";
  vertical-align: 0.5;
}

prompt {
  padding: 16px;
  font: "'Material Icons' bold 24px";
  vertical-align: 0.5;
  background-color: transparent;
}

listview {
  lines: 8;
  scrollbar: true;
  cycle: false;
  background-color: transparent;
}

scrollbar {
  handle-width: 5px ;
  handle-color: @blue;
  background-color: @bg;
}

element {
  padding: 0 12px;
  margin: 0 12px 0 0;
  border-radius: 6px;
  text-color: @blue;
  background-color: transparent;
  children: [element-icon, element-text];
}

element-icon {
  size: 48;
  padding: 12px 10px;
  background-color: transparent;
}

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

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