configuration {
  show-icons:                 false;
}


@import "colors.rasi"

*{
  font:                      "JetBrains Mono Nerd Font 10";
}

window {
  transparency:                "real";
  location:                    center;
  anchor:                      center;
  fullscreen:                  false;
  width:                       600px;
  height:                      200px;
  x-offset:                    0px;
  y-offset:                    0px;
  margin:                      0px;
  padding:                     0px;
  border:                      0px solid;
  border-radius:               0px;
  cursor:                      "default";
  background-color:            @background;
}

mainbox {
  enabled:                     true;
  spacing:                     15px;
  margin:                      0px;
  padding:                     30px;
  background-color:            transparent;
  orientation:                 horizontal;
  children:                    [ "imagebox", "listview" ];
}

imagebox {
  border:                      7px solid;
  border-radius:               100%;
  border-color:                @selected;
  background-color:            transparent;
  expand:                      false;
  width:                       7.77em;
  background-image:            url("/mnt/raid/projects/cpp/trycaster/trycaster.web/public/favicon/safari-pinned-tab.svg", height);
}

dummy{
  background-color:            transparent;
}

textbox-prompt-colon {
  enabled:                     true;
  expand:                      false;
  str:                         "";
  padding:                     10px 13px;
  border:                      5px solid;
  border-radius:               100%;
  border-color:                @selected;
  background-color:            transparent;
  text-color:                  @foreground;
}

prompt {
  enabled:                     true;
  padding:                     10px;
  border:                      5px solid;
  border-radius:               100%;
  border-color:                @foreground;
  background-color:            @foreground;
  text-color:                  @background;
}

message {
  enabled:                     true;
  margin:                      0px;
  padding:                     10px;
  background-color:            @background;
  text-color:                  @foreground;
}

textbox {
  background-color:            inherit;
  text-color:                  inherit;
  vertical-align:              0.5;
  horizontal-align:            0.0;
}

listview {
  enabled:                     true;
  columns:                     16;
  lines:                       1;
  cycle:                       true;
  scrollbar:                   false;
  layout:                      vertical;
  
  spacing:                     5px;
  background-color:            transparent;
  cursor:                      "default";
}

element {
  enabled:                     true;
  padding:                     11px;
  border:                      0px solid;
  border-radius:               100%;
  border-color:                @selected;
  background-color:            transparent;
  text-color:                  @foreground;
  cursor:                      pointer;
}

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

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

element normal.urgent,
element alternate.urgent,
element selected.active {
  background-color:            var(urgent);
  text-color:                  var(background);
}

element normal.active,
element alternate.active,
element selected.urgent {
  background-color:            var(on);
  text-color:                  var(background);
}

element selected.normal {
  border:                      5px solid;
  border-radius:               100%;
  border-color:                @selected;
  background-color:            transparent;
  text-color:                  var(foreground);
}