* {

    padding: 0;

    background-panel: #000000c9;
    text-color:  rgb(255, 255, 255);
    
    background-color:  rgba(0,0,0,0);
    
    color-theme-text: #CCE9FF;
    color-theme-accent: #048BA8;
    color-theme-accent-light: #F3DE8A;
    color-theme-accent-dark: #331E36;
    color-theme-dark: #1D3147;
    color-theme-background: #000B19;

    highlight:     bold #ffffff;
}
#window {
    fullscreen: true;
    location: west;
    anchor:   west;
    border:  0px 2px 0px 0px;
    text-color: @color-theme-text;

    orientation: horizontal;
    children: [mainbox, dummy];
}

#dummy {
    expand: true;
}

#sidebar {
    border: 2px 0px 0px 0px;
    background-color: @color-theme-background;
}
#button selected {
    border-color: @color-theme-accent;
    text-color: @color-theme-accent;
}
#entry {
    width: 20em;
}
#inputbar {
    background-color: @color-theme-accent;
    text-color: @color-theme-text;
    padding: 1px 2px 1px 2px;
    border: 0px 0px 2px 0px;
}
#mainbox {
    expand: false;
    background-color: @background-panel;
    spacing: 1em;
}
#listview {
    padding: 0em 0.4em 0em 1em;
    dynamic: false;
    lines: 0;
}
#element selected  normal {
    background-color: @color-theme-accent;
}
#element normal active {
    text-color: @color-theme-text;
}
#element normal urgent {
    text-color: @color-theme-accent-light;
}
#element alternate normal {
}
#element alternate active {
    text-color: @color-theme-text;
}
#element alternate urgent {
    text-color: @color-theme-accent-light;
}
#element selected active {
    background-color: @color-theme-accent;
    text-color: @color-theme-text;
}
#element selected urgent {
    background-color: @color-theme-accent;
    text-color: @color-theme-accent-light;
}
#inputbar {
    children:   [ prompt,textbox-prompt-colon,entry,case-indicator];
}
#textbox-prompt-colon {
    expand:     false;
    str:        ":";
    margin:     0px 0.3em 0em 0em ;
    text-color: @color-theme-text;
}