/** 
 * Modified by ChatGPT for Hyprland blur + borders
 */

configuration {
	modi: "drun";
	show-icons: true;
	display-drun: "";
	drun-display-format: "{name}";
}

@import "shared/colors.rasi"
@import "shared/fonts.rasi"

/*****----- Main Window -----*****/
window {
	location: center;
	anchor: center;
	fullscreen: false;
	width: 500px;
	margin: 0px;
	padding: 0px;
	border: 2px solid;
	border-radius: 12px;
	border-color: @selected;
	background-color: rgba(30, 30, 30, 0.4);  /* <- transparente */
	cursor: "default";
}

/*****----- Main Box -----*****/
mainbox {
	enabled: true;
	spacing: 0px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	children: [ "inputbar", "listview" ];
}

/*****----- Inputbar -----*****/
inputbar {
	enabled: true;
	spacing: 15px;
	margin: 10px;
	padding: 15px;
	border: 2px solid;
	border-radius: 8px;
	border-color: @selected;
	background-color: rgba(30, 30, 30, 0.6);
	text-color: @foreground;
	children: [ "prompt", "entry" ];
}

prompt, textbox-prompt-colon, entry {
	enabled: true;
	background-color: inherit;
	text-color: inherit;
}

textbox-prompt-colon {
	expand: false;
	str: "::";
}

entry {
	cursor: text;
	placeholder: "Search...";
	placeholder-color: #888;
}

/*****----- Listview -----*****/
listview {
	enabled: true;
	columns: 1;
	lines: 7;
	cycle: true;
	dynamic: true;
	scrollbar: false;
	layout: vertical;
	fixed-height: true;
	fixed-columns: true;

	spacing: 5px;
	margin: 8px;
	padding: 0px;
	border-radius: 8px;
	background-color: transparent;
	text-color: @foreground;
	cursor: "default";
}

/*****----- Elements -----*****/
element {
	enabled: true;
	border-radius: 5px;
	padding: 8px;
	background-color: rgba(40, 40, 40, 0.6);
	text-color: @foreground;
	cursor: pointer;
}

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

element-icon {
	background-color: transparent;
	text-color: inherit;
	size: 22px;
	padding: 8px;
	cursor: inherit;
}

element-text {
	background-color: transparent;
	text-color: inherit;
	highlight: inherit;
	cursor: inherit;
	vertical-align: 0.5;
	horizontal-align: 0.0;
}

/*****----- Error Message -----*****/
error-message {
	padding: 15px;
	border: 2px solid;
	border-radius: 12px;
	border-color: @selected;
	background-color: rgba(30, 30, 30, 0.6);
	text-color: @foreground;
}

