* {
    selected-normal-foreground:  rgba(0, 255, 255, 1);
    foreground:                  #ffffff;
    normal-foreground:           @foreground;

    alternate-normal-background: #2f2f2f;
    red:                         #ff0000;

    selected-urgent-foreground:  #ffffff;
    blue:                        #5c5cff;

    urgent-foreground:           #ff0000;
    alternate-urgent-background: #2f2f2f;

    active-foreground:           #00ffff;

    lightbg:                     #7f7f7f;
    selected-active-foreground:  #00ffff;

    alternate-active-background: #2f2f2f;

    background:                  #262626;
    bordercolor:                 #5c5cff;

    alternate-normal-foreground: @foreground;
    normal-background:           #2a2a2a;

    lightfg:                     #ffffff;

    selected-normal-background:  #7f7f7f;

    border-color:                @bordercolor;

    spacing:                     2;
    separatorcolor:              #7f7f7f;

    urgent-background:           #262626;
    selected-urgent-background:  #ff0000;

    alternate-urgent-foreground: #ff0000;

    background-color:            rgba(0, 0, 0, 0);

    alternate-active-foreground: #00ffff;

    active-background:           #262626;

    selected-active-background:  #7f7f7f;
}

window {
    background-color: @background;
    border:           2;
    border-radius:    8px;
    padding:          5;
    width:            50%;
    height:           50%;
}

mainbox {
    border:  0;
    padding: 0;
}

message {
    border:       2px 0px 0px ;
    border-color: @separatorcolor;
    padding:      1px ;
}

textbox {
    text-color: @foreground;
}

listview {
    fixed-height: 0;
    border:       2px 0px 0px ;
    border-color: @separatorcolor;
    spacing:      2px ;
    scrollbar:    true;
    padding:      2px 0px 0px ;
}

element {
    border:  0;
    padding: 1px ;
}

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

element.normal.normal {
    background-color: @normal-background;
    text-color:       @normal-foreground;
}

element.normal.urgent {
    background-color: @urgent-background;
    text-color:       @urgent-foreground;
}

element.normal.active {
    background-color: @active-background;
    text-color:       @active-foreground;
}

element.selected.normal {
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
}

element.selected.urgent {
    background-color: @selected-urgent-background;
    text-color:       @selected-urgent-foreground;
}

element.selected.active {
    background-color: @selected-active-background;
    text-color:       @selected-active-foreground;
}

element.alternate.normal {
    background-color: @alternate-normal-background;
    text-color:       @alternate-normal-foreground;
}

element.alternate.urgent {
    background-color: @alternate-urgent-background;
    text-color:       @alternate-urgent-foreground;
}

element.alternate.active {
    background-color: @alternate-active-background;
    text-color:       @alternate-active-foreground;
}

scrollbar {
    width:        4px ;
    border:       0;
    handle-width: 8px ;
    padding:      0;
    handle-color: #00ffff;
}

mode-switcher {
    border:       2px 0px 0px ;
    border-color: @separatorcolor;
}

button.selected {
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
}

inputbar {
    spacing:    0;
    text-color: @normal-foreground;
    padding:    1px ;
}

case-indicator {
    text-color: @normal-foreground;
}

entry {
    text-color: @normal-foreground;
}

prompt {
    text-color: @normal-foreground;
}

inputbar {
    children: [ prompt, textbox-prompt-colon, entry, case-indicator ];
}

textbox-prompt-colon {
    expand:     false;
    str:        ":";
    margin:     0px 0.3em 0em 0em ;
    text-color: @normal-foreground;
}