/*
 *
 * Author  : Aditya Shakya
 * Mail    : adi1090x@gmail.com
 * Github  : @adi1090x
 * Twitter : @adi1090x
 *
 */

configuration {
	font:                      		"Comfortaa 14";
    disable-history:                false;
    fullscreen:                     false;
	hide-scrollbar: 				true;
	sidebar-mode: 					false;
}

@import "../../../styles/colors.rasi"

* {
    /* background-color:               rgba ( 39, 50, 56, 40 % ); */
    background-color:               rgba ( 22, 22, 0, 30 % );
    text-color:                     @foreground;
}

window {
    transparency:                   "real";
    border:                         2px solid;
    border-radius:                  5px;
    border-color:                   rgba ( 45, 226, 230, 100 % );
    location:                       center;
    width:                          720px;
    x-offset:                       0px;
    y-offset:                       0px;
}

prompt {
    enabled: 						true;
    padding:                        10px;
    border-radius:                  5px;
}

textbox-prompt-colon {
	expand: 		    false;
	str: 							" Uptime: ";
	background-color: 	    rgba ( 45, 226, 230, 100 % );
	text-color: 		    rgba ( 39, 50, 56, 100 % );
    padding:                        10px 10px 0px 10px;
}

inputbar {
	children: 						[ textbox-prompt-colon, prompt ];
    spacing:                        0px;
    text-color:                     @foreground;
    expand:                         false;
    border:                  		0px;
    border-radius:                  0px;
    /* border-color:                   white; */
    margin:                         0px 0px 0px 0px;
    padding:                        0px;
    position:                       center;
}

listview {
    columns:			    5;
    lines:			    1;
    /* spacing:                        15px; */
    cycle:                          true;
    dynamic:                        true;
    layout:                         vertical;
}

mainbox {
    children:                       [ inputbar, listview ];
    spacing:                        20px;
    margin:                         40px;
}

element {
    /* background-color:               rgba ( 39, 50, 56, 100 % ); */
    orientation:                    vertical;
    border-radius:                  0px;
}

element-text {
	font:							"feather 32";
    expand:                         true;
    horizontal-align:               0.5;
    /* vertical-align:                 0.5; */
    padding:                         28px 0px 18px 0px;
}

element normal.urgent,
element alternate.urgent {
    /* background-color:               @off; */
    /* text-color:                     @background; */
    border-radius:                  0px;
}

element normal.active,
element alternate.active {
    /* background-color:               @on; */
    /* text-color:                     @background; */
}

element selected {
    /* background-color:               #FF80D5;    */
    border-radius:                  0px;
}
element-text selected {
    /* text-color: red; */
    background-color: rgba ( 146, 1, 157, 100 % );
    /* background-color: #FF80D5; */
    text-color: white;
    }


element selected.urgent {
    /* background-color:               @on; */
    text-color:                     @background;
}

element selected.active {
    /* background-color:               @off; */
    color:                          @background;
}