* {
	scrollbar: false;

	bg: #24283b;
	bg-dark: #1f2335;
	bg-highlight: #292e42;
	fg: #c0caf5;
	fg-dark: #3b4261;
	red-dark: #db4b4b;
	red-light: #f7768e;
	yellow: #e0af68;
	orange: #ff9e64;
	gray: #565f89;

	background: @bg-dark;
	background-color: @background;
	foreground: @fg;
	border-color: @gray;
	separatorcolor: @border-color;
	scrollbar-handle: @border-color;

	normal-background: @background;
	normal-foreground: @foreground;
	alternate-normal-background: @bg-dark;
	alternate-normal-foreground: @fg;
	selected-normal-background: @bg-highlight;
	selected-normal-foreground: @fg;

	active-background: @orange;
	active-foreground: @bg;
	alternate-active-background: @active-background;
	alternate-active-foreground: @active-foreground;
	selected-active-background: @yellow;
	selected-active-foreground: @active-foreground;

	urgent-background: @red-dark;
	urgent-foreground: @background;
	alternate-urgent-background: @urgent-background;
	alternate-urgent-foreground: @urgent-foreground;
	selected-urgent-background: @red-dark;
	selected-urgent-foreground: @urgent-foreground;
}

window {
    height: 600;
    width: 600;

    border-radius: 10;
}

mainbox {
    spacing: 0;
    children: [inputbar, message, listview];
}

inputbar {
    color: @normal-foreground;
    padding: 14;
    background-color: @background;
}

message {
    padding: 10;
    background-color: @background;
}

listview {
    padding: 8;
    border-radius: 0 0 10 10;
    border: 2 2 2 2;
    border-color: @background;
    background-color: @background;
    dynamic: false;
}

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

error-message {
    border: 20 20 20 20;
}

entry, prompt, case-indicator {
    text-color: inherit;
}

prompt {
    margin: 0 10 0 0;
}

element {
    padding: 5;
    vertical-align: 0.5;
    border-radius: 10;
    text-color: @normal-foreground;
    background-color: @normal-background;
}

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

element.alternate.normal {
    background-color: inherit;
}

element.normal.active, element.alternate.active {
    background-color: @background;
}

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

element.normal.urgent, element.alternate.urgent {
    background-color: @urgent-background;
}

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

element-text, element-icon {
    size: 40;
    margin: 0 10 0 0;
    vertical-align: 0.5;
    background-color: inherit;
    text-color: @normal-foreground;
}