dotfiles/.config/rofi/resolution/1080p/config-wallpaper.rasi

/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Main Config wallpaper */

/* ---- Configuration ---- */
configuration {
    modi:                   "drun,run,filebrowser";
    font:                   "Fira Code SemiBold 12";
    show-icons:             true;
    display-drun:           "";
	display-run:            "";
    display-filebrowser:   	"";
    display-window:        	"";
	drun-display-format: 	"{name}";
    hover-select:           true;
    me-select-entry:        "MouseSecondary";
    me-accept-entry:        "MousePrimary";
    window-format:          "{w} · {c} · {t}";
	dpi:					1;
    
}

/* ---- Load pywal colors (custom wal template) ---- */
@import "~/.config/rofi/pywal-color/pywal-theme.rasi"

/* ---- Window ---- */
window {
    width:					700px;
	/*height:				 450px;*/
    x-offset:               0px;
    y-offset:               0px;
    spacing:                0px;
    padding:                2px;
    margin:                 0px; 
    border:                 2px;
    border-color:           @active-background;
    cursor:                 "default";
    location:               center;
    anchor:                 center;
    fullscreen:             false;
    enabled:                true;
    border-radius:          12px;
    border-radius:          12px;
 	background-color:     	transparent;
	background-image:   	url("~/.config/rofi/.current_wallpaper", height);
}

/* ---- Mainbox ---- */
mainbox {
    enabled:                true;
    orientation:            horizontal;
	padding:				8px;
    children:               [ "imagebox"];
    border-radius:          12px;
    background-color:       transparent;
}

/* ---- Imagebox ---- */
imagebox {
    background-color:       transparent;
    orientation:            vertical;
    children:               [ "inputbar", "listbox"];
}

/* ---- Listbox ---- */
listbox {
    spacing:                4px;
    orientation:            vertical;
    children:               [ "listview" ];
    border-radius:          10px;
    border:                 1px;
    border-color:           @active-background;
	background-color:		@background;
}

/* ---- Dummy ---- */
dummy {
    background-color:       transparent;
}

/* ---- Inputbar ---- */
inputbar {
    enabled:                true;
    text-color:             @foreground;
    spacing:                10px;
    padding:                8px;
    border-radius:          10px;
    border-color:           @foreground;
	background-color:		@background;
    children:               [ "textbox-prompt-colon", "entry" ];
    border:                 1px;
    border-color:           @active-background;
}

textbox-prompt-colon {
    enabled:                true;
    expand:                 false;
    str:                    "󰸉 ";
    text-color:             inherit;
	background-color:		transparent;
}

entry {
    enabled:                true;
    text-color:             inherit;
    cursor:                 text;
    placeholder:            "Choose Wallpaper";
    placeholder-color:      inherit;
	background-color:		transparent;
}

/* ---- Listview ---- */
listview {
	enabled:				true;
	columns:				4;
	lines:					3;
	spacing:                4px;
	dynamic:                true;
	cycle:                  true;
	scrollbar:              true;
	layout:                 vertical;
	reverse:                false;
	fixed-height:           true;
	fixed-columns:          false;
	background-color:       transparent;
	border-radius:          10px;
}

/* ---- Element ---- */
element {
    enabled:                true;
    padding:                5px;
    margin:                 2px;
    cursor:                 pointer;
	orientation: 			vertical;
    background-color:       transparent;
    border-radius:          10px;
    border:                 0px;
}

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

element normal.urgent {
    background-color:       inherit;
    text-color:             @foreground;
}

element normal.active {
    background-color:       inherit;
    text-color:             @foreground;
}

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

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

element selected.active {
    background-color:       inherit;
    text-color:             @foreground;
}

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

element alternate.urgent {
    background-color:       inherit;
    text-color:             @foreground;
}

element alternate.active {
    background-color:       inherit;
    text-color:             @foreground;
}

element-icon {
    background-color:       transparent;
    text-color:             inherit;
    size:                   130px;
    cursor:                 inherit;
}


element-text {
	font:                   "Fira Code SemiBold 8";
    background-color:       transparent;
    text-color:             inherit;
    cursor:                 inherit;
    vertical-align:         0.5;
    horizontal-align:       0.5;
}

/*****----- Message -----*****/
message {
    background-color:       @background;
    margin:					20px 0px 0px 0px;
    border-radius: 			10px;
}

textbox {
    padding:                15px;
    background-color:       @background;
    text-color:             @foreground;
}

error-message {
    padding:                15px;
    border-radius:          20px;
    background-color:       @background;
    text-color:             @foreground;
}