* {
    width: 75%;
    font: "Fira Sans 18";
}

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

window {
    height: 75%;
    border: 1px;
    border-radius: 10px;
    border-color: #bb9af7;
    background-color: alpha(#1a1b26, 0.8);
}

mainbox {
    background-color: #1a1b26;
}

inputbar {
    children: [prompt,entry];
    background-color: #1a1b26;
    border-radius: 5px;
    padding: 2px;
}

prompt {
    background-color: #c0caf5;
    padding: 6px;
    text-color: #1a1b26;
    border-radius: 3px;
    margin: 20px 0px 0px 20px;
}

textbox-prompt-colon {
    expand: false;
    str: ":";
}

entry {
    padding: 6px;
    margin: 20px 0px 0px 10px;
    text-color: #c0caf5;
    background-color: #1a1b26;
}

listview {
    border: 0px 0px 0px;
    padding: 6px 0px 0px;
    margin: 10px 0px 0px 20px;
    columns: 2;
    lines: 5;
    background-color: #1a1b26;
}

element {
    padding: 5px;
    background-color: #1a1b26;
    text-color: #c0caf5;
}

element-icon {
    size: 25px;
}

element selected {
    background-color:  #414868;
    text-color: #bb9af7;
}

mode-switcher {
    spacing: 5%;
  }

button {
    padding: 10px;
    background-color: #1a1b26;
    text-color: #a9b1d6;
    vertical-align: 0.5; 
    horizontal-align: 0.5;
}

button selected {
  background-color: #1a1b26;
  text-color: #7aa2f7;
}

message {
    background-color: #1a1b26;
    margin: 2px;
    padding: 2px;
    border-radius: 5px;
}

textbox {
    padding: 6px;
    margin: 20px 0px 0px 20px;
    text-color: #7aa2f7;
    background-color: #1a1b26;
}