* {
    background: {{ colour-background-hex }};
    background-selected: {{ colour-background-alternative-hex }};
    foreground: {{ colour-foreground-hex }};
    accent: {{ colour-accent-hex }};
    accent-two: {{ colour-accent-2-hex }};
    // border-color: {{ colour-accent-3-hex }};
    inactive: {{ colour-inactive-hex }};
    spacing: 2;
    width: 30em;
    margin: 0;
    padding: 0;
}

#window {
    background-color: @background;
    border-color: @accent;
    border: 1px;
    border-radius: 10px;
    padding: 0;
    location: center;
    anchor: center;
    margin: 0;
}

#mainbox {
    background-color: @background;
    spacing: 10px;
    margin: 10px 0 0 0;
    width: 200px;
}

#inputbar {
    children: [prompt,entry];
    background-color: @background;
}

#listview {
    background-color: @background;
    fixed-height: true;
    margin: 5px 0 0 10px;
}

#element {
    padding: 5px;
    background-color: @background;
    text-color: @foreground;
}

element selected {
    background-color: @background-selected;
    text-color: @accent;
    border: 1px;
    border-radius: 5px;
}

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

element-icon {
    background-color: inherit;
    margin: 0 4px 0 0;
    size: 35px;
}

#entry {
   background-color: @background;
   text-color: @accent;
   placeholder: "Search";
   placeholder-color: @inactive;
   font: "{{ font-primary }} Regular 20";
}

#prompt {
   background-color: @background;
   padding: 0 4px;
   margin: 0 5px 0 0;
   text-color: @foreground;
   font: "{{ font-accent }} Regular 20";
}

