Add updated gruvbox themes

This commit is contained in:
Brian Hardisty 2018-02-12 04:15:11 -08:00
parent 4615de2a01
commit ee0f12cfbe
No known key found for this signature in database
GPG key ID: D38A5C417347AD45
6 changed files with 745 additions and 504 deletions

View file

@ -1,140 +1,180 @@
/********************************************************* /* ==========================================================================
* Rofi color theme Rofi color theme
*
* Based on the Gruvbox color scheme for Vim by morhetz Based on the Gruvbox color scheme for Vim by morhetz
* https://github.com/morhetz/gruvbox https://github.com/morhetz/gruvbox
*
* File: gruvbox*dark*hard.theme File: gruvbox-dark-hard.rasi
* Desc: Gruvbox dark (hard contrast) color theme for Rofi Desc: Gruvbox dark (hard contrast) color theme for Rofi
* Author: bardisty <b@bah.im> Author: bardisty <b@bah.im>
* Source: https://github.com/bardisty/gruvbox*rofi Source: https://github.com/bardisty/gruvbox-rofi
* Modified: Sat Oct 22 2016 03:12:10 PDT *0700 Modified: Mon Feb 12 2018 04:08:57 PST -0800
**********************************************************/ ========================================================================== */
* { * {
selected-normal-foreground: rgba ( 251, 241, 199, 100 % ); /* Theme settings */
foreground: rgba ( 235, 219, 178, 100 % ); highlight: bold italic;
normal-foreground: @foreground; scrollbar: true;
alternate-normal-background: rgba ( 40, 40, 40, 100 % );
red: rgba ( 220, 50, 47, 100 % ); /* Gruvbox dark colors */
selected-urgent-foreground: rgba ( 29, 32, 33, 100 % ); gruvbox-dark-bg0-hard: #1d2021;
blue: rgba ( 38, 139, 210, 100 % ); gruvbox-dark-bg0: #282828;
urgent-foreground: rgba ( 29, 32, 33, 100 % ); gruvbox-dark-bg2: #504945;
alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); gruvbox-dark-fg0: #fbf1c7;
active-foreground: rgba ( 29, 32, 33, 100 % ); gruvbox-dark-fg1: #ebdbb2;
lightbg: rgba ( 238, 232, 213, 100 % ); gruvbox-dark-red-dark: #cc241d;
selected-active-foreground: rgba ( 29, 32, 33, 100 % ); gruvbox-dark-red-light: #fb4934;
alternate-active-background: rgba ( 215, 153, 33, 100 % ); gruvbox-dark-yellow-dark: #d79921;
background: rgba ( 29, 32, 33, 100 % ); gruvbox-dark-yellow-light: #fabd2f;
bordercolor: rgba ( 168, 153, 132, 100 % ); gruvbox-dark-gray: #a89984;
alternate-normal-foreground: @foreground;
normal-background: rgba ( 29, 32, 33, 100 % ); /* Theme colors */
lightfg: rgba ( 88, 104, 117, 100 % ); background: @gruvbox-dark-bg0-hard;
selected-normal-background: rgba ( 80, 73, 69, 100 % );
border-color: @foreground;
spacing: 2;
separatorcolor: rgba ( 168, 153, 132, 100 % );
urgent-background: rgba ( 204, 36, 29, 100 % );
selected-urgent-background: rgba ( 251, 73, 52, 100 % );
alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 215, 153, 33, 100 % );
selected-active-background: rgba ( 250, 189, 47, 100 % );
}
#window {
background-color: @background; background-color: @background;
border: 1; foreground: @gruvbox-dark-fg1;
padding: 5; border-color: @gruvbox-dark-gray;
separatorcolor: @border-color;
scrollbar-handle: @border-color;
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @gruvbox-dark-bg0;
alternate-normal-foreground: @foreground;
selected-normal-background: @gruvbox-dark-bg2;
selected-normal-foreground: @gruvbox-dark-fg0;
active-background: @gruvbox-dark-yellow-dark;
active-foreground: @background;
alternate-active-background: @active-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @gruvbox-dark-yellow-light;
selected-active-foreground: @active-foreground;
urgent-background: @gruvbox-dark-red-dark;
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;
} }
#mainbox {
window {
background-color: @background;
border: 2;
padding: 2;
}
mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message {
border: 1px dash 0px 0px ; message {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px; padding: 1px;
} }
#textbox {
textbox {
highlight: @highlight;
text-color: @foreground; text-color: @foreground;
} }
#listview {
fixed-height: 0; listview {
border: 2px dash 0px 0px ; border: 2px solid 0 0;
padding: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
spacing: 2px; spacing: 2px;
scrollbar: true; scrollbar: @scrollbar;
padding: 2px 0px 0px ;
} }
#element {
element {
border: 0; border: 0;
padding: 1px ; padding: 2px;
} }
#element.normal.normal {
element.normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent {
element.normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active {
element.normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal {
element.selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent {
element.selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active {
element.selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal {
element.alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent {
element.alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active {
element.alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar {
scrollbar {
width: 4px; width: 4px;
border: 0; border: 0;
handle-color: @scrollbar-handle;
handle-width: 8px; handle-width: 8px;
padding: 0; padding: 0;
} }
#sidebar {
border: 2px dash 0px 0px ; sidebar {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button.selected {
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; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar {
spacing: 0; textbox-prompt-sep {
text-color: @normal-foreground; expand: false;
padding: 1px ; str: ":";
}
#case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
#entry {
spacing: 0;
text-color: @normal-foreground;
}
#prompt {
spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
margin: 0 0.3em 0 0;
} }

View file

@ -1,139 +1,179 @@
/********************************************************* /* ==========================================================================
* Rofi color theme Rofi color theme
*
* Based on the Gruvbox color scheme for Vim by morhetz Based on the Gruvbox color scheme for Vim by morhetz
* https://github.com/morhetz/gruvbox https://github.com/morhetz/gruvbox
*
* File: gruvbox*dark*soft.theme File: gruvbox-dark-soft.rasi
* Desc: Gruvbox dark (soft contrast) color theme for Rofi Desc: Gruvbox dark (soft contrast) color theme for Rofi
* Author: bardisty <b@bah.im> Author: bardisty <b@bah.im>
* Source: https://github.com/bardisty/gruvbox*rofi Source: https://github.com/bardisty/gruvbox-rofi
* Modified: Sat Oct 22 2016 03:12:10 PDT *0700 Modified: Mon Feb 12 2018 04:09:04 PST -0800
**********************************************************/ ========================================================================== */
* { * {
selected-normal-foreground: rgba ( 251, 241, 199, 100 % ); /* Theme settings */
foreground: rgba ( 235, 219, 178, 100 % ); highlight: bold italic;
normal-foreground: @foreground; scrollbar: true;
alternate-normal-background: rgba ( 60, 56, 54, 100 % );
red: rgba ( 220, 50, 47, 100 % ); /* Gruvbox dark colors */
selected-urgent-foreground: rgba ( 50, 48, 47, 100 % ); gruvbox-dark-bg0-soft: #32302f;
blue: rgba ( 38, 139, 210, 100 % ); gruvbox-dark-bg1: #3c3836;
urgent-foreground: rgba ( 50, 48, 47, 100 % ); gruvbox-dark-bg3: #665c54;
alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); gruvbox-dark-fg0: #fbf1c7;
active-foreground: rgba ( 50, 48, 47, 100 % ); gruvbox-dark-fg1: #ebdbb2;
lightbg: rgba ( 238, 232, 213, 100 % ); gruvbox-dark-red-dark: #cc241d;
selected-active-foreground: rgba ( 50, 48, 47, 100 % ); gruvbox-dark-red-light: #fb4934;
alternate-active-background: rgba ( 215, 153, 33, 100 % ); gruvbox-dark-yellow-dark: #d79921;
background: rgba ( 50, 48, 47, 100 % ); gruvbox-dark-yellow-light: #fabd2f;
bordercolor: rgba ( 168, 153, 132, 100 % ); gruvbox-dark-gray: #a89984;
alternate-normal-foreground: @foreground;
normal-background: rgba ( 50, 48, 47, 100 % ); /* Theme colors */
lightfg: rgba ( 88, 104, 117, 100 % ); background: @gruvbox-dark-bg0-soft;
selected-normal-background: rgba ( 102, 92, 84, 100 % );
border-color: @foreground;
spacing: 2;
separatorcolor: rgba ( 168, 153, 132, 100 % );
urgent-background: rgba ( 204, 36, 29, 100 % );
selected-urgent-background: rgba ( 251, 73, 52, 100 % );
alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 215, 153, 33, 100 % );
selected-active-background: rgba ( 250, 189, 47, 100 % );
}
#window {
background-color: @background; background-color: @background;
border: 1; foreground: @gruvbox-dark-fg1;
padding: 5; border-color: @gruvbox-dark-gray;
separatorcolor: @border-color;
scrollbar-handle: @border-color;
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @gruvbox-dark-bg1;
alternate-normal-foreground: @foreground;
selected-normal-background: @gruvbox-dark-bg3;
selected-normal-foreground: @gruvbox-dark-fg0;
active-background: @gruvbox-dark-yellow-dark;
active-foreground: @background;
alternate-active-background: @active-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @gruvbox-dark-yellow-light;
selected-active-foreground: @active-foreground;
urgent-background: @gruvbox-dark-red-dark;
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;
} }
#mainbox {
window {
background-color: @background;
border: 2;
padding: 2;
}
mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message {
border: 1px dash 0px 0px ; message {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px; padding: 1px;
} }
#textbox {
textbox {
highlight: @highlight;
text-color: @foreground; text-color: @foreground;
} }
#listview {
fixed-height: 0; listview {
border: 2px dash 0px 0px ; border: 2px solid 0 0;
padding: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
spacing: 2px; spacing: 2px;
scrollbar: true; scrollbar: @scrollbar;
padding: 2px 0px 0px ;
} }
#element {
element {
border: 0; border: 0;
padding: 1px ; padding: 2px;
} }
#element.normal.normal {
element.normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent {
element.normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active {
element.normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal {
element.selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent {
element.selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active {
element.selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal {
element.alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent {
element.alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active {
element.alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar {
scrollbar {
width: 4px; width: 4px;
border: 0; border: 0;
handle-color: @scrollbar-handle;
handle-width: 8px; handle-width: 8px;
padding: 0; padding: 0;
} }
#sidebar {
border: 2px dash 0px 0px ; sidebar {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button.selected {
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; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar {
spacing: 0; textbox-prompt-sep {
text-color: @normal-foreground; expand: false;
padding: 1px ; str: ":";
}
#case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
#entry {
spacing: 0;
text-color: @normal-foreground;
}
#prompt {
spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
margin: 0 0.3em 0 0;
} }

View file

@ -1,139 +1,179 @@
/********************************************************* /* ==========================================================================
* Rofi color theme Rofi color theme
*
* Based on the Gruvbox color scheme for Vim by morhetz Based on the Gruvbox color scheme for Vim by morhetz
* https://github.com/morhetz/gruvbox https://github.com/morhetz/gruvbox
*
* File: gruvbox*dark.theme File: gruvbox-dark.rasi
* Desc: Gruvbox dark color theme for Rofi Desc: Gruvbox dark color theme for Rofi
* Author: bardisty <b@bah.im> Author: bardisty <b@bah.im>
* Source: https://github.com/bardisty/gruvbox*rofi Source: https://github.com/bardisty/gruvbox-rofi
* Modified: Sat Oct 22 2016 03:12:10 PDT *0700 Modified: Mon Feb 12 2018 04:08:43 PST -0800
**********************************************************/ ========================================================================== */
* { * {
selected-normal-foreground: rgba ( 251, 241, 199, 100 % ); /* Theme settings */
foreground: rgba ( 235, 219, 178, 100 % ); highlight: bold italic;
normal-foreground: @foreground; scrollbar: true;
alternate-normal-background: rgba ( 50, 48, 47, 100 % );
red: rgba ( 220, 50, 47, 100 % ); /* Gruvbox dark colors */
selected-urgent-foreground: rgba ( 40, 40, 40, 100 % ); gruvbox-dark-bg0: #282828;
blue: rgba ( 38, 139, 210, 100 % ); gruvbox-dark-bg0-soft: #32302f;
urgent-foreground: rgba ( 40, 40, 40, 100 % ); gruvbox-dark-bg3: #665c54;
alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); gruvbox-dark-fg0: #fbf1c7;
active-foreground: rgba ( 40, 40, 40, 100 % ); gruvbox-dark-fg1: #ebdbb2;
lightbg: rgba ( 238, 232, 213, 100 % ); gruvbox-dark-red-dark: #cc241d;
selected-active-foreground: rgba ( 40, 40, 40, 100 % ); gruvbox-dark-red-light: #fb4934;
alternate-active-background: rgba ( 215, 153, 33, 100 % ); gruvbox-dark-yellow-dark: #d79921;
background: rgba ( 40, 40, 40, 100 % ); gruvbox-dark-yellow-light: #fabd2f;
bordercolor: rgba ( 168, 153, 132, 100 % ); gruvbox-dark-gray: #a89984;
alternate-normal-foreground: @foreground;
normal-background: rgba ( 40, 40, 40, 100 % ); /* Theme colors */
lightfg: rgba ( 88, 104, 117, 100 % ); background: @gruvbox-dark-bg0;
selected-normal-background: rgba ( 102, 92, 84, 100 % );
border-color: @foreground;
spacing: 2;
separatorcolor: rgba ( 168, 153, 132, 100 % );
urgent-background: rgba ( 204, 36, 29, 100 % );
selected-urgent-background: rgba ( 251, 73, 52, 100 % );
alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 215, 153, 33, 100 % );
selected-active-background: rgba ( 250, 189, 47, 100 % );
}
#window {
background-color: @background; background-color: @background;
border: 1; foreground: @gruvbox-dark-fg1;
padding: 5; border-color: @gruvbox-dark-gray;
separatorcolor: @border-color;
scrollbar-handle: @border-color;
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @gruvbox-dark-bg0-soft;
alternate-normal-foreground: @foreground;
selected-normal-background: @gruvbox-dark-bg3;
selected-normal-foreground: @gruvbox-dark-fg0;
active-background: @gruvbox-dark-yellow-dark;
active-foreground: @background;
alternate-active-background: @active-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @gruvbox-dark-yellow-light;
selected-active-foreground: @active-foreground;
urgent-background: @gruvbox-dark-red-dark;
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;
} }
#mainbox {
window {
background-color: @background;
border: 2;
padding: 2;
}
mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message {
border: 1px dash 0px 0px ; message {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px; padding: 1px;
} }
#textbox {
textbox {
highlight: @highlight;
text-color: @foreground; text-color: @foreground;
} }
#listview {
fixed-height: 0; listview {
border: 2px dash 0px 0px ; border: 2px solid 0 0;
padding: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
spacing: 2px; spacing: 2px;
scrollbar: true; scrollbar: @scrollbar;
padding: 2px 0px 0px ;
} }
#element {
element {
border: 0; border: 0;
padding: 1px ; padding: 2px;
} }
#element.normal.normal {
element.normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent {
element.normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active {
element.normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal {
element.selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent {
element.selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active {
element.selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal {
element.alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent {
element.alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active {
element.alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar {
scrollbar {
width: 4px; width: 4px;
border: 0; border: 0;
handle-color: @scrollbar-handle;
handle-width: 8px; handle-width: 8px;
padding: 0; padding: 0;
} }
#sidebar {
border: 2px dash 0px 0px ; sidebar {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button.selected {
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; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar {
spacing: 0; textbox-prompt-sep {
text-color: @normal-foreground; expand: false;
padding: 1px ; str: ":";
}
#case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
#entry {
spacing: 0;
text-color: @normal-foreground;
}
#prompt {
spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
margin: 0 0.3em 0 0;
} }

View file

@ -1,140 +1,180 @@
/******************* /* ==========================================================================
* Rofi color theme Rofi color theme
*
* Based on the Gruvbox color scheme for Vim by morhetz Based on the Gruvbox color scheme for Vim by morhetz
* https://github.com/morhetz/gruvbox https://github.com/morhetz/gruvbox
*
* File: gruvbox-light-hard.theme File: gruvbox-light-hard.rasi
* Desc: Gruvbox light (hard contrast) color theme for Rofi Desc: Gruvbox light (hard contrast) color theme for Rofi
* Author: bardisty <b@bah.im> Author: bardisty <b@bah.im>
* Source: https://github.com/bardisty/gruvbox-rofi Source: https://github.com/bardisty/gruvbox-rofi
* Modified: Sat Oct 22 2016 03:11:32 PDT -0700 Modified: Mon Feb 12 2018 04:09:14 PST -0800
*/ ========================================================================== */
* { * {
selected-normal-foreground: rgba ( 40, 40, 40, 100 % ); /* Theme settings */
foreground: rgba ( 60, 56, 54, 100 % ); highlight: bold italic;
normal-foreground: @foreground; scrollbar: true;
alternate-normal-background: rgba ( 251, 241, 199, 100 % );
red: rgba ( 220, 50, 47, 100 % ); /* Gruvbox light colors */
selected-urgent-foreground: rgba ( 253, 244, 193, 100 % ); gruvbox-light-bg0-hard: #f9f5d7;
blue: rgba ( 38, 139, 210, 100 % ); gruvbox-light-bg0: #fbf1c7;
urgent-foreground: rgba ( 253, 244, 193, 100 % ); gruvbox-light-bg1: #ebdbb2;
alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); gruvbox-light-fg0: #282828;
active-foreground: rgba ( 253, 244, 193, 100 % ); gruvbox-light-fg1: #3c3836;
lightbg: rgba ( 238, 232, 213, 100 % ); gruvbox-light-red-dark: #9d0006;
selected-active-foreground: rgba ( 253, 244, 193, 100 % ); grubbox-light-red-light: #cc241d;
alternate-active-background: rgba ( 181, 118, 20, 100 % ); gruvbox-light-yellow-dark: #b57614;
background: rgba ( 249, 245, 215, 100 % ); gruvbox-light-yellow-light: #d79921;
bordercolor: rgba ( 124, 111, 100, 100 % ); gruvbox-light-gray: #7c6f64;
alternate-normal-foreground: @foreground;
normal-background: rgba ( 249, 245, 215, 100 % ); /* Theme colors */
lightfg: rgba ( 88, 104, 117, 100 % ); background: @gruvbox-light-bg0-hard;
selected-normal-background: rgba ( 235, 219, 178, 100 % );
border-color: @foreground;
spacing: 2;
separatorcolor: rgba ( 124, 111, 100, 100 % );
urgent-background: rgba ( 204, 36, 29, 100 % );
selected-urgent-background: rgba ( 251, 73, 52, 100 % );
alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 181, 118, 20, 100 % );
selected-active-background: rgba ( 215, 153, 33, 100 % );
}
#window {
background-color: @background; background-color: @background;
border: 1; foreground: @gruvbox-light-fg1;
padding: 5; border-color: @gruvbox-light-gray;
separatorcolor: @border-color;
scrollbar-handle: @border-color;
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @gruvbox-light-bg0;
alternate-normal-foreground: @foreground;
selected-normal-background: @gruvbox-light-bg1;
selected-normal-foreground: @gruvbox-light-fg0;
active-background: @gruvbox-light-yellow-dark;
active-foreground: @background;
alternate-active-background: @active-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @gruvbox-light-yellow-light;
selected-active-foreground: @active-foreground;
urgent-background: @gruvbox-light-red-dark;
urgent-foreground: @background;
alternate-urgent-background: @urgent-background;
alternate-urgent-foreground: @urgent-foreground;
selected-urgent-background: @gruvbox-light-red-light;
selected-urgent-foreground: @urgent-foreground;
} }
#mainbox {
window {
background-color: @background;
border: 2;
padding: 2;
}
mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message {
border: 1px dash 0px 0px ; message {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px; padding: 1px;
} }
#textbox {
textbox {
highlight: @highlight;
text-color: @foreground; text-color: @foreground;
} }
#listview {
fixed-height: 0; listview {
border: 2px dash 0px 0px ; border: 2px solid 0 0;
padding: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
spacing: 2px; spacing: 2px;
scrollbar: true; scrollbar: @scrollbar;
padding: 2px 0px 0px ;
} }
#element {
element {
border: 0; border: 0;
padding: 1px ; padding: 2px;
} }
#element.normal.normal {
element.normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent {
element.normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active {
element.normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal {
element.selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent {
element.selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active {
element.selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal {
element.alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent {
element.alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active {
element.alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar {
scrollbar {
width: 4px; width: 4px;
border: 0; border: 0;
handle-color: @scrollbar-handle;
handle-width: 8px; handle-width: 8px;
padding: 0; padding: 0;
} }
#sidebar {
border: 2px dash 0px 0px ; sidebar {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button.selected {
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; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar {
spacing: 0; textbox-prompt-sep {
text-color: @normal-foreground; expand: false;
padding: 1px ; str: ":";
}
#case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
#entry {
spacing: 0;
text-color: @normal-foreground;
}
#prompt {
spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
margin: 0 0.3em 0 0;
} }

View file

@ -1,139 +1,180 @@
/******************* /* ==========================================================================
* Rofi color theme Rofi color theme
*
* Based on the Gruvbox color scheme for Vim by morhetz Based on the Gruvbox color scheme for Vim by morhetz
* https://github.com/morhetz/gruvbox https://github.com/morhetz/gruvbox
*
* File: gruvbox-light-soft.theme File: gruvbox-light-soft.rasi
* Desc: Gruvbox light (soft contrast) color theme for Rofi Desc: Gruvbox light (soft contrast) color theme for Rofi
* Author: bardisty <b@bah.im> Author: bardisty <b@bah.im>
* Source: https://github.com/bardisty/gruvbox-rofi Source: https://github.com/bardisty/gruvbox-rofi
* Modified: Sat Oct 22 2016 03:11:32 PDT -0700 Modified: Mon Feb 12 2018 04:09:21 PST -0800
*/ ========================================================================== */
* { * {
selected-normal-foreground: rgba ( 40, 40, 40, 100 % ); /* Theme settings */
foreground: rgba ( 60, 56, 54, 100 % ); highlight: bold italic;
normal-foreground: @foreground; scrollbar: true;
alternate-normal-background: rgba ( 235, 219, 178, 100 % );
red: rgba ( 220, 50, 47, 100 % ); /* Gruvbox light colors */
selected-urgent-foreground: rgba ( 242, 229, 188, 100 % ); gruvbox-light-bg0-soft: #f2e5bc;
blue: rgba ( 38, 139, 210, 100 % ); gruvbox-light-bg1: #ebdbb2;
urgent-foreground: rgba ( 242, 229, 188, 100 % ); gruvbox-light-bg2: #d5c4a1;
alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); gruvbox-light-fg0: #282828;
active-foreground: rgba ( 242, 229, 188, 100 % ); gruvbox-light-fg1: #3c3836;
lightbg: rgba ( 238, 232, 213, 100 % ); gruvbox-light-red-dark: #9d0006;
selected-active-foreground: rgba ( 242, 229, 188, 100 % ); grubbox-light-red-light: #cc241d;
alternate-active-background: rgba ( 181, 118, 20, 100 % ); gruvbox-light-yellow-dark: #b57614;
background: rgba ( 242, 229, 188, 100 % ); gruvbox-light-yellow-light: #d79921;
bordercolor: rgba ( 124, 111, 100, 100 % ); gruvbox-light-gray: #7c6f64;
alternate-normal-foreground: @foreground;
normal-background: rgba ( 242, 229, 188, 100 % ); /* Theme colors */
lightfg: rgba ( 88, 104, 117, 100 % ); background: @gruvbox-light-bg0-soft;
selected-normal-background: rgba ( 213, 196, 161, 100 % );
border-color: @foreground;
spacing: 2;
separatorcolor: rgba ( 124, 111, 100, 100 % );
urgent-background: rgba ( 204, 36, 29, 100 % );
selected-urgent-background: rgba ( 251, 73, 52, 100 % );
alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 181, 118, 20, 100 % );
selected-active-background: rgba ( 215, 153, 33, 100 % );
}
#window {
background-color: @background; background-color: @background;
border: 1; foreground: @gruvbox-light-fg1;
padding: 5; border-color: @gruvbox-light-gray;
separatorcolor: @border-color;
scrollbar-handle: @border-color;
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @gruvbox-light-bg1;
alternate-normal-foreground: @foreground;
selected-normal-background: @gruvbox-light-bg2;
selected-normal-foreground: @gruvbox-light-fg0;
active-background: @gruvbox-light-yellow-dark;
active-foreground: @background;
alternate-active-background: @active-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @gruvbox-light-yellow-light;
selected-active-foreground: @active-foreground;
urgent-background: @gruvbox-light-red-dark;
urgent-foreground: @background;
alternate-urgent-background: @urgent-background;
alternate-urgent-foreground: @urgent-foreground;
selected-urgent-background: @gruvbox-light-red-light;
selected-urgent-foreground: @urgent-foreground;
} }
#mainbox {
window {
background-color: @background;
border: 2;
padding: 2;
}
mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message {
border: 1px dash 0px 0px ; message {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px; padding: 1px;
} }
#textbox {
textbox {
highlight: @highlight;
text-color: @foreground; text-color: @foreground;
} }
#listview {
fixed-height: 0; listview {
border: 2px dash 0px 0px ; border: 2px solid 0 0;
padding: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
spacing: 2px; spacing: 2px;
scrollbar: true; scrollbar: @scrollbar;
padding: 2px 0px 0px ;
} }
#element {
element {
border: 0; border: 0;
padding: 1px ; padding: 2px;
} }
#element.normal.normal {
element.normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent {
element.normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active {
element.normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal {
element.selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent {
element.selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active {
element.selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal {
element.alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent {
element.alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active {
element.alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar {
scrollbar {
width: 4px; width: 4px;
border: 0; border: 0;
handle-color: @scrollbar-handle;
handle-width: 8px; handle-width: 8px;
padding: 0; padding: 0;
} }
#sidebar {
border: 2px dash 0px 0px ; sidebar {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button.selected {
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; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar {
spacing: 0; textbox-prompt-sep {
text-color: @normal-foreground; expand: false;
padding: 1px ; str: ":";
}
#case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
#entry {
spacing: 0;
text-color: @normal-foreground;
}
#prompt {
spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
margin: 0 0.3em 0 0;
} }

View file

@ -1,139 +1,179 @@
/******************* /* ==========================================================================
* Rofi color theme Rofi color theme
*
* Based on the Gruvbox color scheme for Vim by morhetz Based on the Gruvbox color scheme for Vim by morhetz
* https://github.com/morhetz/gruvbox https://github.com/morhetz/gruvbox
*
* File: gruvbox-light.theme File: gruvbox-light.rasi
* Desc: Gruvbox light color theme for Rofi Desc: Gruvbox light color theme for rofi
* Author: bardisty <b@bah.im> Author: bardisty <b@bah.im>
* Source: https://github.com/bardisty/gruvbox-rofi Source: https://github.com/bardisty/gruvbox-rofi
* Modified: Sat Oct 22 2016 03:11:32 PDT -0700 Modified: Mon Feb 12 2018 04:09:29 PST -0800
*/ ========================================================================== */
* { * {
selected-normal-foreground: rgba ( 40, 40, 40, 100 % ); /* Theme settings */
foreground: rgba ( 60, 56, 54, 100 % ); highlight: bold italic;
normal-foreground: @foreground; scrollbar: true;
alternate-normal-background: rgba ( 242, 229, 188, 100 % );
red: rgba ( 220, 50, 47, 100 % ); /* Gruvbox light colors */
selected-urgent-foreground: rgba ( 251, 241, 199, 100 % ); gruvbox-light-bg0: #fbf1c7;
blue: rgba ( 38, 139, 210, 100 % ); gruvbox-light-bg0-soft: #f2e5bc;
urgent-foreground: rgba ( 251, 241, 199, 100 % ); gruvbox-light-bg2: #d5c4a1;
alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); gruvbox-light-fg0: #282828;
active-foreground: rgba ( 251, 241, 199, 100 % ); gruvbox-light-fg1: #3c3836;
lightbg: rgba ( 238, 232, 213, 100 % ); gruvbox-light-gray: #7c6f64;
selected-active-foreground: rgba ( 251, 241, 199, 100 % ); gruvbox-light-red-dark: #9d0006;
alternate-active-background: rgba ( 181, 118, 20, 100 % ); grubbox-light-red-light: #cc241d;
background: rgba ( 251, 241, 199, 100 % ); gruvbox-light-yellow-dark: #b57614;
bordercolor: rgba ( 124, 111, 100, 100 % ); gruvbox-light-yellow-light: #d79921;
alternate-normal-foreground: @foreground;
normal-background: rgba ( 251, 241, 199, 100 % ); /* Theme colors */
lightfg: rgba ( 88, 104, 117, 100 % ); background: @gruvbox-light-bg0;
selected-normal-background: rgba ( 213, 196, 161, 100 % );
border-color: @foreground;
spacing: 2;
separatorcolor: rgba ( 124, 111, 100, 100 % );
urgent-background: rgba ( 204, 36, 29, 100 % );
selected-urgent-background: rgba ( 251, 73, 52, 100 % );
alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 181, 118, 20, 100 % );
selected-active-background: rgba ( 215, 153, 33, 100 % );
}
#window {
background-color: @background; background-color: @background;
border: 1; foreground: @gruvbox-light-fg1;
padding: 5; border-color: @gruvbox-light-gray;
separatorcolor: @border-color;
scrollbar-handle: @border-color;
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @gruvbox-light-bg0-soft;
alternate-normal-foreground: @foreground;
selected-normal-background: @gruvbox-light-bg2;
selected-normal-foreground: @gruvbox-light-fg0;
active-background: @gruvbox-light-yellow-dark;
active-foreground: @background;
alternate-active-background: @active-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @gruvbox-light-yellow-light;
selected-active-foreground: @active-foreground;
urgent-background: @gruvbox-light-red-dark;
urgent-foreground: @background;
alternate-urgent-background: @urgent-background;
alternate-urgent-foreground: @urgent-foreground;
selected-urgent-background: @gruvbox-light-red-light;
selected-urgent-foreground: @urgent-foreground;
} }
#mainbox {
window {
background-color: @background;
border: 2;
padding: 2;
}
mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message {
border: 1px dash 0px 0px ; message {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px; padding: 1px;
} }
#textbox {
textbox {
highlight: @highlight;
text-color: @foreground; text-color: @foreground;
} }
#listview {
fixed-height: 0; listview {
border: 2px dash 0px 0px ; border: 2px solid 0 0;
padding: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
spacing: 2px; spacing: 2px;
scrollbar: true; scrollbar: @scrollbar;
padding: 2px 0px 0px ;
} }
#element {
element {
border: 0; border: 0;
padding: 1px ; padding: 2px;
} }
#element.normal.normal {
element.normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent {
element.normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active {
element.normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal {
element.selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent {
element.selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active {
element.selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal {
element.alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent {
element.alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active {
element.alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar {
scrollbar {
width: 4px; width: 4px;
border: 0; border: 0;
handle-color: @scrollbar-handle;
handle-width: 8px; handle-width: 8px;
padding: 0; padding: 0;
} }
#sidebar {
border: 2px dash 0px 0px ; sidebar {
border: 2px 0 0;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button.selected {
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; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar {
spacing: 0; textbox-prompt-sep {
text-color: @normal-foreground; expand: false;
padding: 1px ; str: ":";
}
#case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
#entry {
spacing: 0;
text-color: @normal-foreground;
}
#prompt {
spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
margin: 0 0.3em 0 0;
} }