configuration {
  show-icons: false;
}


@import "./colors.rasi"



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


mainbox {
  padding: 24px;
  background-color: transparent;
  children: [ "inputbar", "listview" ];
}

inputbar {
  spacing: 12;
  background-color: transparent;
  children: [ "textbox-prompt-colon", "prompt"];
}

textbox-prompt-colon {
  expand: false;
  str: "";
  font: "'Material Icons' 24px";
  padding: 12px 14px;
  border-radius: 50%;
  background-color: @blue;
  text-color: @fg;
  vertical-align: 0.5;
}
prompt {
  padding: 12px 16px;
  border-radius: 50%;
  background-color: @grey;
  text-color: @fg;
  vertical-align: 0.5;
}

listview {
  columns: 6;
  lines: 1;
  scrollbar: false;
  margin:16px 0 0 0;
  spacing: 10px;
  background-color: transparent;
}


element {
  width: 128px;
  padding: 24px 32px;
  border-radius: 12px;
  background-color: @bluea;
  cursor: pointer;
}

element-text {
  font: "'Material Icons' 32px";
  vertical-align: 0.5;
  horizontal-align: 0.5;
  background-color: transparent;
}


element normal.active,
element alternate.active,
element selected.urgent {
  background-color: @green;
}
element selected.normal {
  background-color: @green;
}