/**
 * ROFI Color theme
 * User: Beastie
 * Copyright: GPLv3
 */

@import "/etc/xdg/rofi/colors.rasi"

* {
  background-color: @transparent;
  text-color: @blue;
  margin: 5px;
  padding: 0px;
  border: 0px;
  font: "CaskaydiaCove Nerd Font Propo 12";
}

window {
  width: 50%;
  height: 50%;
  margin: 0px;
  location: center;
  anchor: center;
  border: 2px; 
  border-color: @overlay0;
  background-color: rgba(48, 52, 70, 0.8);
  border-radius: 10px;
  //background-color: green;
}

mainbox {
  spacing: 0px;
  border-radius: 10px;
  children: [inputbar,mode-switcher,listview];
  background-color: transparent;
}

/* Configure inputbar */
inputbar {
  background-color: transparent;
  border: 1px;
  border-color: @surface1;
  border-radius: 10px;
  children: [icon-current-entry,prompt,textbox-prompt-colon,entry,num-filtered-rows,textbox-num-sep,num-rows];
}

prompt, textbox-prompt-colon, entry, num-filtered-rows, textbox-num-sep, num-rows, icon-current-entry {
  text-color: @blue;
  vertical-align: 0.5;
  background-color: transparent;
}

icon-current-entry {
  size: 1.5em;
}

textbox-prompt-colon, textbox-num-sep {
    expand:     false;
    str:        "  ";
}

textbox-num-sep {
  str: "/";
}

entry {
  placeholder: "Search";
  placeholder-color: transparent;
}

/* Configure mode switcher */
mode-switcher {
  background-color: transparent;
  border: 1px;
  border-color: @surface1;
  border-radius: 10px;
}

button {
  background-color: transparent;
  margin: 2px;
  text-color: @blue;
}

button selected {
  background-color: @blue;
  text-color: @base;
  border-radius: 10px;
}

/* Configure listview */
listview {
  padding: 10px;
  background-color: transparent;
  border: 1px;
  border-color: @surface1;
  border-radius: 10px;
  columns: 2;
}

element {
  background-color: transparent;
  margin: 0px;
}

element selected {
  background-color: @blue;
  border-radius: 10px;
}

element-icon {
  background-color: transparent;
  size: 1.5em;
}

element-text {
  vertical-align: 0.5;
  background-color: transparent;
}

element-text selected {
  text-color: @base;
}