@define-color darkbase #1d2021;
@define-color base #282828;
@define-color foreground #ebdbb2;
@define-color cyan #83a598;
@define-color green #8ec07c;
@define-color orange #fe8019;
@define-color pink #d3869b;
@define-color purple #d3869b;
@define-color red #fb4934;
@define-color yellow #fabd2f;

window {
  margin: 0px;
  border: 3px solid @foreground;
  background-color: @base;
  border-radius: 8px;
  outline-style: none;
}

#input {
  margin: 5px;
  border: none;
  border-radius: 8px;
  color: @foreground;
  background-color: @darkbase;
  outline-style: none;
}

#inner-box {
  margin: 5px;
  border: none;
  background-color: @base;
  outline-style: none;
}

#outer-box {
  margin: 5px;
  border: none;
  background-color: @base;
  outline-style: none;
}

#scroll {
  margin: 0px;
  border: none;
  outline-style: none;
}

#text {
  margin: 5px;
  border: none;
  color: @foreground;
}

#entry {
  border-radius: 50px;
  outline-style: none;
}

#entry.activatable #text {
  color: @darkbase;
}

#entry > * {
  color: @base;
}

#entry:selected {
  background-color: @darkbase;
  border: none;
  border-radius: 8px;
  outline-style: none;
}

#entry:selected #text {
  font-weight: bold;
  color: @foreground;
  background-color: @darkbase;
}

#img:selected {
  background: none;
}