* {
	//colors catppuccin
	//bg: #EFF1F5;
	//fg: #4C4F69;
	//act: #EA76CB;
	//brd: #1e66f5;

	bg: #191724;
	fg: #e0def4;
	act: #eb6f92;
	brd: #c4a7e7;

	//colors tokyonight
	//bg: #1a1b26;
	//fg: #c0caf5;
	//act: #c678dd;
	//brd: #7aa2f7;

	background-color: @bg;
	text-color: @fg;
	font: "Jetbrains Mono 10";
	font: "Symbols Nerd Font 10";
}

window {
	width: 100%;

	location: south;
	font: "JetBrains Mono";
	border-color: @act;
	//border: 1px;
	transparecy: "real";
	children: [ listview, inputbar ];
}

inputbar {
	//margin: 5px;
	background-color: @act;
}

case-indicator {
	enabled: false;
}

prompt {
	padding: 5px 0px 5px 10px;
	background-color: @act;
	text-color: @bg;
}

entry {
	text-color: @bg;
	background-color: @act;
	padding: 5px;
}

listview {
	dynamic: true;
	fixed-height: false;
	cycle: true;
	padding: 5px;
	reverse: true;
}

button {
	padding: 5px 2px;
}

button.selected {
	background-color: @brd;
	text-color: @bg;
}

element {
	padding: 0px 10px;
}

element.selected {
	border: 0 2px 0 2px;
	border-color: @brd;
}

element-text, element-icon {
  background-color: inherit;
  text-color: inherit;
	padding: 5px;
}