/* ==========================================================================
   Rofi color theme

   Based on the Gruvbox color scheme for Vim by morhetz
   https://github.com/morhetz/gruvbox

   File: gruvbox-dark.rasi
   Desc: Gruvbox dark color theme for Rofi
   Author: bardisty <b@bah.im>
   Source: https://github.com/bardisty/gruvbox-rofi
   Modified: Mon Feb 12 2018 04:08:43 PST -0800
   ========================================================================== */

* {
    /* Theme settings */
    highlight: bold italic;
    scrollbar: true;

    /* Gruvbox dark colors */
    dark0-hard:        #1d2021;
    dark0:             #282828;
    dark0-transparent: #28282888;
    dark0-soft:        #32302f;
    dark1:             #3c3836;
    dark2:             #504945;
    dark3:             #665c54;
    dark4:             #7c6f64;
   
    gray-245:          #928374;
    gray-244:          #928374;

    light0-hard:       #f9f5d7;
    light0:            #fbf1c7;
    light0-soft:       #f2e5bc;
    light1:            #ebdbb2;
    light2:            #d5c4a1;
    light3:            #bdae93;
    light4:            #a89984;
   
    bright-red:        #fb4934;
    bright-green:      #b8bb26;
    bright-yellow:     #fabd2f;
    bright-blue:       #83a598;
    bright-purple:     #d3869b;
    bright-aqua:       #8ec07c;
    bright-orange:     #fe8019;
   
    neutral-red:       #cc241d;
    neutral-green:     #98971a;
    neutral-yellow:    #d79921;
    neutral-blue:      #458588;
    neutral-purple:    #b16286;
    neutral-aqua:      #689d6a;
    neutral-orange:    #d65d0e;
   
    faded-red:         #9d0006;
    faded-green:       #79740e;
    faded-yellow:      #b57614;
    faded-blue:        #076678;
    faded-purple:      #8f3f71;
    faded-aqua:        #427b58;
    faded-orange:      #af3a03;

    /* Theme colors */
    /* background:                  @dark0; */
    background:                  @dark0-transparent;
    background-color:            @background;
    foreground:                  @light0-hard;
    border-color:                @gray-245;
    separatorcolor:              @border-color;
    scrollbar-handle:            @bright-orange;

    normal-background:           @background;
    normal-foreground:           @foreground;
    alternate-normal-background: @dark0-transparent;
    alternate-normal-foreground: @foreground;
    selected-normal-background:  @dark4;
    selected-normal-foreground:  @bright-green;

    active-background:           @neutral-yellow;
    active-foreground:           @background;
    alternate-active-background: @active-background;
    alternate-active-foreground: @active-foreground;
    selected-active-background:  @bright-yellow;
    selected-active-foreground:  @active-foreground;

    urgent-background:           @faded-red;
    urgent-foreground:           @background;
    alternate-urgent-background: @urgent-background;
    alternate-urgent-foreground: @urgent-foreground;
    selected-urgent-background:  @gruvbox-dark-red-light;
    selected-urgent-foreground:  @urgent-foreground;
}

window {
    background-color: @background;
    border:           2;
    border-radius:    10;
    padding:          20;

}

mainbox {
    border:  0;
    padding: 0;
}

message {
    border:       2px 0 0;
    border-color: @separatorcolor;
    padding:      1px;
}

textbox {
    highlight:  @highlight;
    text-color: @foreground;
}

listview {
    border:       2px solid 0 0;
    padding:      2px 0 0;
    border-color: @separatorcolor;
    spacing:      2px;
    scrollbar:    @scrollbar;
}

element {
    border:  0;
    padding: 2px;
}

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

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

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

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

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

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

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

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

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

scrollbar {
    width:        4px;
    border:       0;
    handle-color: @scrollbar-handle;
    handle-width: 8px;
    padding:      0;
}

mode-switcher {
    border:       2px 0 0;
    border-color: @separatorcolor;
}

inputbar {
    spacing:    0;
    text-color: @normal-foreground;
    padding:    2px;
    children:   [ prompt, textbox-prompt-sep, entry, case-indicator ];
}

case-indicator,
entry,
prompt,
button {
    spacing:    0;
    text-color: @normal-foreground;
}

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

textbox-prompt-sep {
    expand:     false;
    str:        ":";
    text-color: @normal-foreground;
    margin:     0 0.3em 0 0;
}