/*
 * DARKNIX appsmenu rofi theme
 * tested on a 1366x768 screen
 */

/* IMPORTS */
@import "libs/settings.rasi"
@import "libs/reset.rasi"

/** Default settings, every widget inherits from this. */
* {
    /** Default background color is transparent. */
    background-color: @bg-trans;
    text-color:       @accent;
}

/**
 * Entry box on top. 
 */
entry {
    /** Background is grey */
    background-color: @bg;
    /** 4px padding on the inside of the border. */
    padding:       4px;
    /** when no text is set, show 'Type to filter' */
    placeholder:       "Type to filter";
    placeholder-color: @fg;
    /** inherit font setting from parent */
    font: inherit;
    cursor: text;
	border: 2px 2px 2px 0px;
    /** with a radius on the left two corners. */ 
    border-radius: 0px 4px 4px 0px;
    /** add matching border. */
    border-color: @accent;
}

/**
 * Input bar
 */
inputbar {
    /** no spacing between widgets */
    spacing: 0;
    /** include entry and mode-switcher (removes prompt) */
    children: [  icon-keyboard, entry ];
    /** use monospace font. */
    font:   "Montserrat 18";
    margin: 0 10em 1em;
}

entry {
	vertical-align: 0.5;
}

/**
 * Small icon in inputbar
 */
icon-keyboard {
    /** give it a 2 pixel border, except on the right side. */
    border:        2px 0px 2px 2px;
    /** with a radius on the left two corners. */ 
    border-radius: 4px 0px 0px 4px;
    /** add matching border. */
    border-color: @accent;
    /** match background. */
    background-color: @bg;
    /** move icon away from right border. */
    padding: 0px 10px 0px 10px;
    /** Only use required space. */
    expand: false;
    /** icon is around 1.2 font width */
    size: 1.2em;
    /** Icon name, we use symbolic name here */
    filename: "keyboard";
}

/**
 * Main window widget
 */
window {
    /** Place on top center of rofi window on the top center of the screen. */
    anchor: north;
    location: north;

    /** 100% screen width */
    width: 100%;

    /** Black transparent color. */
    background-color: @bg-trans;
    /** Small one 1 font width border on inside of window. */
    padding: 0 0 2em;

    /** border */
    border:  0;
}

/**
 * Main container in the window.
 */
mainbox { 
    /** spacing between widgets */
    spacing: 1em;
}

/**
 * listview that shows entries.
 */
listview {
    /** 4 rows. */
    lines: 4;
    /** 6 columns */
    columns: 6;
    /** add 1 em spacing between items */
    spacing: 0.5em;
    /** Don't reduce columns if less items are available. */
    fixed-columns: true;
}
scrollbar {
	enabled: false;
}

/**
 * entry in listview.
 */
element {
    /** clients are packed vertically. */
    orientation:      vertical;
    /** 2 px border */
    border:           1px;
    /** with 4px radius on corners. */
    border-radius:    1em;
    border-color:     @accent;
    background-color: @bg-trans;
    /** 4 px padding on the inside of border */
    cursor: pointer;
    padding:          6px;
}

/** selected element */
element selected {
    /** highlighted colors */
    background-color: @bg-focus;
    text-color:       @fg-list;
}

/** Entry icon */
element-icon {
    /** change size to 128 pixels. */
    size: 128px;
    cursor: inherit;
}

/** Entry text */
element-text {
    /* align font in (horizontally) center */
    horizontal-align: 0.5;
    cursor: inherit;
}
element-text selected {
    border-radius: 1em;
    background-color: @accent;
    text-color: @bg;
}