/* ==========================================================================
   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;
    transparent:        #ffffff00;

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

    light0-hard:       #f9f5d7;
    light0-hard-transparent:       #f9f5d7cc;
    light0:            #fbf1c7;
    light0-transparent:            #fbf1c7cc;
    light0-soft:       #f2e5bc;
    light0-soft-transparent:       #f2e5bccc;
    light1:            #ebdbb2;
    light1-transparent:            #ebdbb2cc;
    light2:            #d5c4a1;
    light2-transparent:            #d5c4a1cc;
    light3:            #bdae93;
    light3-transparent:            #bdae93cc;
    light4:            #a89984;
    light4-transparent:            #a89984cc;
   
    bright-red:        #fb4934;
    bright-red-transparent:        #fb4934cc;
    bright-green:      #b8bb26;
    bright-green-transparent:      #b8bb26cc;
    bright-yellow:     #fabd2f;
    bright-yellow-transparent:     #fabd2fcc;
    bright-blue:       #83a598;
    bright-blue-transparent:       #83a598cc;
    bright-purple:     #d3869b;
    bright-purple-transparent:     #d3869bcc;
    bright-aqua:       #8ec07c;
    bright-aqua-transparent:       #8ec07ccc;
    bright-orange:     #fe8019;
    bright-orange-transparent:     #fe8019cc;
   
    neutral-red:       #cc241d;
    neutral-red-transparent:       #cc241dcc;
    neutral-green:     #98971a;
    neutral-green-transparent:     #98971acc;
    neutral-yellow:    #d79921;
    neutral-yellow-transparent:    #d79921cc;
    neutral-blue:      #4585cc;
    neutral-blue-transparent:      #458588cc;
    neutral-purple:    #b16286;
    neutral-purple-transparent:    #b16286cc;
    neutral-aqua:      #689d6a;
    neutral-aqua-transparent:      #689d6acc;
    neutral-orange:    #d65d0e;
    neutral-orange-transparent:    #d65d0ecc;
   
    faded-red:         #9d0006;
    faded-red-transparent:         #9d0006cc;
    faded-green:       #79740e;
    faded-green-transparent:       #79740ecc;
    faded-yellow:      #b57614;
    faded-yellow-transparent:      #b57614cc;
    faded-blue:        #076678;
    faded-blue-transparent:        #076678cc;
    faded-purple:      #8f3f71;
    faded-purple-transparent:      #8f3f71cc;
    faded-aqua:        #427b58;
    faded-aqua-transparent:        #427b58cc;
    faded-orange:      #af3a03;
    faded-orange-transparent:      #af3a03cc;

    /* 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-background:           @transparent;
    normal-foreground:           @foreground;
    alternate-normal-background: @transparent;
    alternate-normal-foreground: @foreground;
    selected-normal-background:  @dark4-transparent;
    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;
    background-color: @transparent;
}

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

textbox {
    highlight:  @highlight;
    text-color: @foreground;
    background-color: #FF0000;
}

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

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;
    background-color: @transparent;
    padding:    4px;
    children:   [ prompt, textbox-prompt-sep, entry, case-indicator ];
}

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

button,
entry,
prompt,
textbox-prompt-sep {
 padding: 3;
}


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

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