/*
  Copyright © Blacksuan19 @ 2020
  part of material ocean colorscheme
  licensed under GNU's GPL 3
*/

* {
  background: #0f111a;
  foreground: #f1f1f1;
  selected: #0033a1;
  selected-text: #ffffff;
}

window {
  transparency: "real";
  background-color: @background;
  text-color: @foreground;
  width: 800px;
  border-radius: 5px;
}

textbox-prompt-colon {
  expand: false;
  background-color: @background;
  padding: 4px 0px 0px 6px;
}

inputbar {
  children: [ textbox-prompt-colon, entry ];
  background-color: @background;
  text-color: @foreground;
  expand: false;
  border: 0px 0px 0px 0px;
  border-radius: 0px;
  border-color: @selected;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 4px 0px;
  position: center;
}

entry {
  background-color: @background;
  text-color: @foreground;
  placeholder-color: @foreground;
  expand: true;
  horizontal-align: 0;
  blink: true;
  padding: 4px 0px 0px 4px;
  font: "SF Pro Rounded 25";
}

case-indicator {
  background-color: @background;
  text-color: @foreground;
  spacing: 0;
}

listview {
  background-color: @background;
  columns: 1;
  spacing: 5px;
  cycle: true;
  dynamic: true;
  layout: vertical;
  fixed-height:true;
  lines: 5;
}

mainbox {
  background-color: @background;
  children: [ inputbar, message, listview ];
  spacing: 20px;
  padding: 20px 15px 15px 15px;
}

message {
  children: [ textbox ];
  border-radius: 5px;
}

textbox {
  background-color: @selected;
  text-color: @foreground;
  padding: 20px 6px 20px 80px;
}

element {
  background-color: @background;
  text-color: @foreground;
  orientation: horizontal;
  border-radius: 4px;
  padding: 2px 2px 2px 2px;
}

element-text, element-icon {
    background-color: inherit;
    text-color: inherit;
}

element-icon {
  size: 40px;
  border: 10px;
}

element-text {
    padding: 20px 0px 0px 10px;
}

element selected {
  background-color: @selected;
  text-color: @selected-text;
  border: 0px;
  border-radius: 3px;
  border-color: @selected;
}