/*****----- Configuration -----*****/
configuration {
	modi:                         "drun";
  show-icons:                   true;
  display-drun:                 "Apps : ";
	drun-display-format:          "{name} [<span weight='light' size='small'><i>({generic})</i></span>]";
	window-format:                "{w} · {c} · {t}";
}

/*****----- Global Properties -----*****/
@import                         "colors.rasi"

* {
    border-colour:              var(selected);
    background-colour:          var(background-transparent);
    foreground-colour:          var(foreground);
    alternate-background:       var(selected);
    alternate-foreground:       var(background);
    font:                       "JetBrains Mono Nerd Font 16";
}

/*****----- Main Window -----*****/
window {
    /* properties for window widget */
    /*transparency:             "real";*/
    transparency:               "background";
    location:                   center;
    anchor:                     center;
    fullscreen:                 true;
    width:                      1366px;
    height:                     768px;
    x-offset:                   0px;
    y-offset:                   0px;

    /* properties for all widgets */
    enabled:                    true;
    margin:                     0px;
    padding:                    0px;
    border:                     0px solid;
    border-radius:              0px;
    border-color:               @border-colour;
    cursor:                     "default";
    background-color:           @background-colour;
}

/*****----- Main Box -----*****/
mainbox {
    enabled:                    true;
    spacing:                    20px;
    margin:                     0px;
    padding:                    35%;
    border:                     0px solid;
    border-radius:              0px 0px 0px 0px;
    border-color:               @border-colour;
    background-color:           transparent;
    children:                   [ "inputbar", "listview" ];
}

/*****----- Inputbar -----*****/
inputbar {
    enabled:                    true;
    spacing:                    10px;
    margin:                     0px;
    padding:                    0px;
    border:                     0px;
    border-radius:              0px;
    border-color:               @border-colour;
    background-color:           transparent;
    text-color:                 @foreground-colour;
    children:                   [ "prompt", "entry" ];
}

prompt {
    enabled:                    true;
    background-color:           inherit;
    text-color:                 inherit;
}
textbox-prompt-colon {
    enabled:                    true;
    expand:                     false;
    str:                        "::";
    background-color:           inherit;
    text-color:                 inherit;
}
entry {
    enabled:                    true;
    background-color:           inherit;
    text-color:                 inherit;
    cursor:                     text;
    placeholder:                "";
    placeholder-color:          inherit;
}

/*****----- Listview -----*****/
listview {
    enabled:                    true;
    columns:                    1;
    lines:                      12;
    cycle:                      true;
    dynamic:                    true;
    scrollbar:                  false;
    layout:                     vertical;
    reverse:                    false;
    fixed-height:               true;
    fixed-columns:              true;
    
    spacing:                    10px;
    margin:                     0px;
    padding:                    0px;
    border:                     0px solid;
    border-radius:              0px;
    border-color:               @border-colour;
    background-color:           transparent;
    text-color:                 @foreground-colour;
    cursor:                     "default";
}
/*scrollbar {
    handle-width:               5px ;
    handle-color:               @handle-colour;
    border-radius:              0px;
    background-color:           @alternate-background;
}*/

/*****----- Elements -----*****/
element {
    enabled:                    true;
    spacing:                    10px;
    margin:                     0px;
    padding:                    5px;
    border:                     0px solid;
    border-radius:              8px;
    border-color:               @border-colour;
    background-color:           transparent;
    text-color:                 @foreground-colour;
    cursor:                     pointer;
}
element selected.normal {
    background-color:           var(alternate-background);
    text-color:                 var(foreground-alt);
}
element-icon {
    background-color:           transparent;
    text-color:                 inherit;
    size:                       48px;
    cursor:                     inherit;
}
element-text {
    background-color:           transparent;
    text-color:                 inherit;
    highlight:                  inherit;
    cursor:                     inherit;
    vertical-align:             0.5;
    horizontal-align:           0.0;
}
