* {
     background: #1e1e1e;
     background-alt: #282B31FF;
     background-color: @background;
     foreground: #FFFFFFFF;
     foreground-normal: @foreground;
     selected: #61AFEFFF;
     active: #98C379FF;
     urgent: #E06C75FF;
}
 * {
     border-colour: var(selected);
     handle-colour: var(selected);
     background-colour: var(background);
     foreground-colour: var(foreground);
     alternate-background: var(background-alt);
     normal-background: var(background);
     normal-foreground: var(foreground);
     urgent-background: var(urgent);
     urgent-foreground: var(background);
     active-background: var(active);
     active-foreground: var(background);
     selected-normal-background: var(selected);
     selected-normal-foreground: var(background);
     selected-urgent-background: var(active);
     selected-urgent-foreground: var(background);
     selected-active-background: var(urgent);
     selected-active-foreground: var(background);
     alternate-normal-background: var(background);
     alternate-normal-foreground: var(foreground);
     alternate-urgent-background: var(urgent);
     alternate-urgent-foreground: var(background);
     alternate-active-background: var(active);
     alternate-active-foreground: var(background);
}
/*----Main Window */
 window {
    /* properties for window widget */
     transparency: "real";
     location: center;
     anchor: center;
     fullscreen: false;
     width: 800px;
     x-offset: 0px;
     y-offset: 0px;
    /* properties for all widgets */
     enabled: true;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     cursor: "default";
     background-color: @background-colour;
}
/*----- Main Box -----*/
 mainbox {
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 30px;
     border: 0px solid;
     border-radius: 0px 0px 0px 0px;
     border-color: @border-colour;
     background-color: transparent;
     children: [ "inputbar", "listview" ];
}
/*----- Inputbar -----*/
 inputbar {
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 0px 0px 10px 10px;
     border: 0px;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @background-colour;
     text-color: @foreground-colour;
     children: [ "prompt", "entry" ];
}
 prompt {
     enabled: true;
     background-color: inherit;
     text-color: inherit;
}
 textbox-prompt-colon {
     enabled: true;
     expand: false;
     str: "::";
     background-color: inherit;
     text-color: inherit;
}
 entry {
     enabled: true;
     background-color: inherit;
     text-color: inherit;
     cursor: text;
     placeholder: "";
     placeholder-color: inherit;
}
/*----- Listview -----*/
 listview {
     enabled: true;
     columns: 1;
     lines: 12;
     cycle: true;
     dynamic: true;
     scrollbar: false;
     layout: vertical;
     reverse: false;
     fixed-height: true;
     fixed-columns: true;
     spacing: 0px;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
     cursor: "default";
}
 scrollbar {
     handle-width: 5px ;
     handle-color: @handle-colour;
     border-radius: 0px;
     background-color: @alternate-background;
}
/*----- Elements -----*/
 element {
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 5px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
     cursor: pointer;
}
 element normal.normal {
     background-color: var(normal-background);
     text-color: var(normal-foreground);
}
 element normal.urgent {
     background-color: var(urgent-background);
     text-color: var(urgent-foreground);
}
 element normal.active {
     background-color: var(active-background);
     text-color: var(active-foreground);
}
 element selected.normal {
     background-color: var(alternate-background);
     text-color: var(foreground-colour);
}
 element selected.urgent {
     background-color: var(selected-urgent-background);
     text-color: var(selected-urgent-foreground);
}
 element selected.active {
     background-color: var(selected-active-background);
     text-color: var(selected-active-foreground);
}
 element alternate.normal {
     background-color: var(alternate-normal-background);
     text-color: var(alternate-normal-foreground);
}
 element alternate.urgent {
     background-color: var(alternate-urgent-background);
     text-color: var(alternate-urgent-foreground);
}
 element alternate.active {
     background-color: var(alternate-active-background);
     text-color: var(alternate-active-foreground);
}
 element-icon {
     background-color: transparent;
     text-color: inherit;
     size: 3ch;
     cursor: inherit;
}
 element-text {
     background-color: transparent;
     text-color: inherit;
     highlight: inherit;
     cursor: inherit;
     vertical-align: 0.5;
     horizontal-align: 0.0;
}
/*----- Mode Switcher -----*/
 mode-switcher{
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
}
 button {
     padding: 10px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @alternate-background;
     text-color: inherit;
     cursor: pointer;
}
 button selected {
     background-color: var(selected-normal-background);
     text-color: var(selected-normal-foreground);
}
/*----- Message -----*/
 message {
     enabled: true;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px 0px 0px 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
}
 textbox {
     padding: 10px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @alternate-background;
     text-color: @foreground-colour;
     vertical-align: 0.5;
     horizontal-align: 0.0;
     highlight: none;
     placeholder-color: @foreground-colour;
     blink: true;
     markup: true;
}
 error-message {
     padding: 10px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @background-colour;
     text-color: @foreground-colour;
}