@import "../../library/entry.scss";

$border-gray: $border-color;
$border-primary: $color2;

$transparentBackground: rgba(128,128,128, 0.6);

$activeBackgroundColor: rgb(20,128,20);

* {

  text-color: $foreground;
  background-color: transparent;
}

window {
  transparency: "real";
}

inputbar, listview, textbox {
  border-radius: $border-radius;
  border: 1px solid;
  border-color: $border-color;

  text-color: $foreground;
  background-color: $background;
}

inputbar, listview, message, element {
  margin: $input-padding;
}

inputbar {
  orientation: vertical;
  children: [mode-switcher, entry]
}

textbox {
    padding: $input-padding;
}

prompt {
  border: 0 1px 0 0;
  border-color: $border-color;
}
entry {
  padding: $input-padding;
}

listview {
  padding: 0.3em;
  margin: 3px;
}

element {
  margin: 0;
  border-radius: $border-radius;
  padding: $input-padding;


  normal.active {
    background-color: rgba($activeBackgroundColor, 0.25);
  }

  selected {
    background-color: $transparentBackground;
    &.active {
      background-color: rgba($activeBackgroundColor, 0.6);
    }
  }
}

element-icon {
  padding: 0 0.5em 0 0;
  size: 16;
}

mode-switcher {
  border: 0 0 1px 0;
  border-color: $border-color;
  enabled: true;
}

button {
  border-radius: $border-radius;
  expand: false;
  margin: 4px;
  padding: 4px 12px;

  selected {
    border: 1px solid;
    border-color: $border-primary;
  }
}
