* {
    // generic colour vars
    red:              rgba(198,   77,   56,  100%);
    blue:             rgba( 56,  177,  198,  100%);
    black:            rgba( 15,   35,   86,  100%);
    faded:            rgba( 15,   35,   86,   40%);
    yellow:           rgba(225,  182,   97,  100%);
    background:       rgba(255,  255,  255,   58%);

    // specific colour vars
    background-color: transparent;
    border-color:     var(black);

    // other things??
    spacing: 5;
}
element {
    padding: 1px ;
    cursor:  pointer;
    spacing: 15px ;
    border:  0;
}
element normal.normal {
    background-color: transparent;
    text-color:       var(black);
}
element normal.urgent {
    background-color: var(black);
    text-color:       var(red);
}
element normal.active {
    background-color: transparent;
    text-color:       var(black);
}
element selected.normal {
    background-color: var(yellow);
    text-color:       var(black);
}
element selected.urgent {
    background-color: var(red);
    text-color:       var(black);
}
element selected.active {
    background-color: var(yellow);
    text-color:       var(black);
}
element alternate.normal {
    background-color: transparent;
    text-color:       var(black);
}
element alternate.urgent {
    background-color: var(black);
    text-color:       var(red);
}
element alternate.active {
    background-color: var(red);
    text-color:       var(black);
}
element-text {
    background-color: transparent;
    cursor:           inherit;
    highlight:        inherit;
    text-color:       inherit;
}
element-icon {
    background-color: transparent;
    size:             1.2000em ;
    cursor:           inherit;
    text-color:       inherit;
}
window {
    padding:          12;
    background-color: var(background);
    border:           1;
}
mainbox {
    padding: 0;
    border:  0;
}
message {
    padding:      1px ;
    border-color: var(black);
    border:       2px dash 0px 0px ;
}
textbox {
    text-color: var(black);
}
listview {
    padding:      2px 0px 0px ;
    scrollbar:    true;
    border-color: var(black);
    spacing:      5px;
    fixed-height: 0;
    border:       2px dash 0px 0px ;
}
scrollbar {
    width:        5px ;
    padding:      0;
    handle-width: 8px ;
    border:       0;
    handle-color: var(black);
}
sidebar {
    border-color: var(black);
    border:       2px dash 0px 0px ;
}
button {
    cursor:     pointer;
    spacing:    0;
    text-color: var(black);
}
button selected {
    background-color: var(yellow);
    text-color:       var(black);
}
num-filtered-rows {
    expand:     false;
    text-color: var(faded);
}
num-rows {
    expand:     false;
    text-color: var(faded);
}
textbox-num-sep {
    expand:     false;
    str:        "/";
    text-color: var(faded);
}
inputbar {
    padding:    1px ;
    spacing:    0px ;
    text-color: var(black);
    children:   [ "prompt","textbox-prompt-colon","entry","num-filtered-rows","textbox-num-sep","num-rows","case-indicator" ];
}
case-indicator {
    spacing:    0;
    text-color: var(black);
}
entry {
    text-color:        var(black);
    cursor:            text;
    spacing:           5;
    placeholder-color: var(faded);
    placeholder:       "Type to filter";
}
prompt {
    spacing:    0;
    text-color: var(black);
}
textbox-prompt-colon {
    margin:     0px 0.3000em 0.0000em 0.0000em ;
    expand:     false;
    str:        ":";
    text-color: inherit;
}