configuration {
  font:                           "Iosevka 10";
  show-icons:                     false;
}

@import "colors.rasi"

*{
  border-colour:               var(selected);
  handle-colour:               var(selected);
  background-colour:           var(background);
  foreground-colour:           var(foreground);
  alternate-background:        var(background-alt);
  normal-background:           var(background);
  normal-foreground:           var(foreground);
  urgent-background:           var(urgent);
  urgent-foreground:           var(background);
  active-background:           var(on);
  active-foreground:           var(background);
  selected-normal-background:  var(selected);
  selected-normal-foreground:  var(background);
  selected-urgent-background:  var(on);
  selected-urgent-foreground:  var(background);
  selected-active-background:  var(urgent);
  selected-active-foreground:  var(background);
  alternate-normal-background: var(background);
  alternate-normal-foreground: var(foreground);
  alternate-urgent-background: var(urgent);
  alternate-urgent-foreground: var(background);
  alternate-active-background: var(on);
  alternate-active-foreground: var(background);
}

window {
  /* properties for window widget */
  transparency:                "real";
  location:                    center;
  anchor:                      center;
  fullscreen:                  false;
  width:                       500px;
  height:                      600px;
  x-offset:                    0px;
  y-offset:                    0px;

  /* properties for all widgets */
  enabled:                     true;
  margin:                      0px;
  padding:                     0px;
  border:                      0px;
  border-radius:               0px;
  border-color:                @border-colour;
  cursor:                      "default";
  
  /* Backgroud Colors */
  background-color:            @background-colour;
}

mainbox {
  enabled:                     true;
  spacing:                     10px;
  margin:                      0px;
  padding:                     20px;
  border:                      2px;
  border-radius:               4px;
  border-color:                @border-colour;
  background-color:            transparent;
  children:                    [ "inputbar", "message", "listview" ];
}

inputbar {
  enabled:                     true;
  spacing:                     10px;
  margin:                      0px;
  padding:                     4px;
  border:                      0px;
  border-radius:               4px;
  border-color:                @border-colour;
  background-color:            transparent;
  text-color:                  @foreground-colour;
  children:                    [ "textbox-prompt-colon", "prompt", "entry" ];
}

prompt {
  enabled:                     true;
  padding:                     10px 12px;
  border-radius:               4px;
  background-color:            @selected;
  text-color:                  @background;
}

textbox-prompt-colon {
  enabled:                     true;
  padding:                     11px 15px;
  border-radius:               4px;
  expand:                      false;
  str:                         "直";
  background-color:            @selected;
  text-color:                  @background;
}

entry {
  enabled:                     true;
  padding:                     8px 12px;
  border:                      4px;
  border-radius:               4px;
  border-color:                @selected;
  background-color:            @selected;
  text-color:                  @background;
  cursor:                      text;
  placeholder:                 " Search... ";
  placeholder-color:           @background;
}

num-filtered-rows {
  enabled:                     true;
  expand:                      false;
  background-color:            inherit;
  text-color:                  inherit;
}

textbox-num-sep {
  enabled:                     true;
  expand:                      false;
  str:                         "/";
  background-color:            inherit;
  text-color:                  inherit;
}

num-rows {
  enabled:                     true;
  expand:                      false;
  background-color:            inherit;
  text-color:                  inherit;
}

case-indicator {
  enabled:                     true;
  background-color:            inherit;
  text-color:                  inherit;
}

listview {
  enabled:                     true;
  columns:                     1;
  lines:                       6;
  cycle:                       true;
  dynamic:                     true;
  scrollbar:                   true;
  layout:                      vertical;
  reverse:                     false;
  fixed-height:                true;
  fixed-columns:               true;
  
  spacing:                     5px;
  margin:                      0px;
  padding:                     10px;
  border:                      2px;
  border-radius:               4px;
  border-color:                @border-colour;
  background-color:            transparent;
  text-color:                  @foreground-colour;
  cursor:                      "default";
}

scrollbar {
  handle-width:                5px ;
  handle-color:                @handle-colour;
  border-radius:               0px;
  background-color:            @alternate-background;
}

element {
  enabled:                     true;
  spacing:                     0px;
  margin:                      0px;
  padding:                     8px;
  border:                      0px;
  border-radius:               0px;
  border-color:                @border-colour;
  background-color:            transparent;
  text-color:                  @foreground-colour;
  cursor:                      pointer;
}

element normal.normal {
  background-color:            var(normal-background);
  text-color:                  var(normal-foreground);
}

element normal.urgent {
  background-color:            var(urgent-background);
  text-color:                  var(urgent-foreground);
}

element normal.active {
  background-color:            var(active-background);
  text-color:                  var(active-foreground);
}

element selected.normal {
  background-color:            var(selected-normal-background);
  text-color:                  var(selected-normal-foreground);
}

element selected.urgent {
  background-color:            var(selected-urgent-background);
  text-color:                  var(selected-urgent-foreground);
}

element selected.active {
  background-color:            var(selected-active-background);
  text-color:                  var(selected-active-foreground);
}

element alternate.normal {
  background-color:            var(alternate-normal-background);
  text-color:                  var(alternate-normal-foreground);
}

element alternate.urgent {
  background-color:            var(alternate-urgent-background);
  text-color:                  var(alternate-urgent-foreground);
}

element alternate.active {
  background-color:            var(alternate-active-background);
  text-color:                  var(alternate-active-foreground);
}

element-icon {
  background-color:            transparent;
  text-color:                  inherit;
  size:                        24px;
  cursor:                      inherit;
}

element-text {
  background-color:            transparent;
  text-color:                  inherit;
  highlight:                   inherit;
  cursor:                      inherit;
  vertical-align:              0.5;
  horizontal-align:            0.0;
}

mode-switcher{
  enabled:                     true;
  spacing:                     10px;
  margin:                      0px;
  padding:                     0px;
  border:                      4px;
  border-radius:               4px;
  border-color:                @border-colour;
  background-color:            transparent;
  text-color:                  @foreground-colour;
}

button {
  padding:                     5px 10px;
  border:                      4px;
  border-radius:               4px;
  border-color:                @border-colour;
  background-color:            @alternate-background;
  text-color:                  inherit;
  cursor:                      pointer;
}

button selected {
  background-color:            var(selected-normal-background);
  text-color:                  var(selected-normal-foreground);
}

message {
  enabled:                     true;
  margin:                      0px;
  padding:                     8px 10px;
  border:                      4px;
  border-radius:               4px;
  border-color:                @border-colour;
  background-color:            @alternate-background;
  text-color:                  @foreground-colour;
}

textbox {
  border:                      4px;
  border-color:                @border-colour;
  background-color:            transparent;
  text-color:                  @foreground-colour;
  vertical-align:              0.5;
  horizontal-align:            0.0;
  highlight:                   none;
  placeholder-color:           @foreground-colour;
  blink:                       true;
  markup:                      true;
}

error-message {
  padding:                     15px;
  border:                      4px;
  border-radius:               4px;
  border-color:                @border-colour;
  background-color:            @background-colour;
  text-color:                  @foreground-colour;
}