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

@import "colors.rasi"

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

window {
  width: 50%;
  height: 50%;
  margin: 0px;
  location: center;
  anchor: center;
  background-color: @bg-transparent;
  //background-color: green;
}

mainbox {
  spacing: 0px;
  children: [inputbar,mode-switcher,listview];
  //background-color: red;
}

/* Configure inputbar */
inputbar {
  background-color: #0008;
  border: 1px;
  border-color: @blue;
  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 {
  //background-color: aqua;
  text-color: @blue;
  vertical-align: 0.5;
}

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

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

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

entry {
  placeholder: "Search";
  placeholder-color: @bg;
}

/* Configure mode switcher */
mode-switcher {
  //background-color: yellow;
  border: 1px;
  border-color: @blue;
}

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

button selected {
  background-color: @blue;
  text-color: @bg;
}

/* Configure listview */
listview {
  background-color: @transparent;
  border: 1px;
  border-color: @blue;
}

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

element selected {
  background-color: @blue;
}

element-icon {
  size: 2em;
}

element-text {
  vertical-align: 0.5;
}

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