/*
 *
 * Author : Aditya Shakya (adi1090x)
 * Mail : adi1090x@gmail.com
 * Github : @adi1090x
 * Reddit : @adi1090x
 *
 */

@import "colors.rasi"

/* ########### */

* {
	/* General */
	text-font: "GoogleSans Nerd Font 12";
	icon-font: "GoogleSans Nerd Font 32";
	icon-font-small: "GoogleSans Nerd Font 24";

	option-6-listview-spacing: 5px;

	menu-window-padding: 5px 15px;
	menu-inputbar-margin: 10px 0px;
	menu-prompt-padding: 10px 20px 10px 20px;
	menu-prompt-margin: 0px 0px 0px -2px;
	menu-element-border: 10px;
	menu-element-padding: 3px 8px -1px -40px;
}

/* ########### */

#window {
	width: 18%;
	height: 20%;
}

/* ########### */

* {
	background-color: @background;
	text-color: @foreground;
	font: @icon-font;
}

#horibox {
	children: [ listview];
}

#listview {
	layout: horizontal;
}

#element {
	padding: @option-element-padding;
	background-color: @background;
}

#element.selected {
	background-color: @accent;
	text-color: @background;
}

/* ########### */

* {
	font: @text-font;
}

#window {
	padding: @menu-window-padding;
	children: [ inputbar, horibox];
}

#inputbar {
	children: [ textbox-prompt-colon, prompt];
	margin: @menu-inputbar-margin;
}

prompt,
textbox-prompt-colon {
	padding: @menu-prompt-padding;
	border: 2px;
	border-color: @accent;
}

#prompt {
	margin: @menu-prompt-margin;
	background-color: @background;
	text-color: @accent;
}

#textbox-prompt-colon {
	expand: false;
	str: "Brightness";
	background-color: @accent;
	text-color: @background;
}

#horibox {
	padding: 0px;
}

#listview {
	spacing: @option-6-listview-spacing;
	lines: 3;
}

#element {
	font: @icon-font;
	border: @menu-element-border;
	padding: @menu-element-padding;
	border-color: @background;
}

#element.selected {
	border-color: @accent;
}

element.active,
element.selected.urgent {
	background-color: @on;
	text-color: @background;
	border-color: @on;
}

element.selected.urgent {
	border-color: @accent;
}

element.urgent,
element.selected.active {
	background-color: @off;
	text-color: @background;
	border-color: @off;
}

element.selected.active {
	border-color: @accent;
}