diff --git a/Makefile.am b/Makefile.am index efa65c4b..ab22637b 100644 --- a/Makefile.am +++ b/Makefile.am @@ -195,6 +195,7 @@ themedir=$(pkgdatadir)/themes/ theme_DATA=\ themes/Adapta-Nokto.rasi\ themes/Arc.rasi\ + themes/Arc-Dark.rasi\ themes/DarkBlue.rasi\ themes/Pop-Dark.rasi\ themes/Indego.rasi\ @@ -206,6 +207,7 @@ theme_DATA=\ themes/c64.rasi\ themes/dmenu.rasi\ themes/glue_pro_blue.rasi\ + themes/gruvbox-common.rasi\ themes/gruvbox-dark-hard.rasi\ themes/gruvbox-dark-soft.rasi\ themes/gruvbox-dark.rasi\ diff --git a/meson.build b/meson.build index 40f36a01..c5cfbe53 100644 --- a/meson.build +++ b/meson.build @@ -218,6 +218,7 @@ install_man( install_data( 'themes/Adapta-Nokto.rasi', 'themes/Arc.rasi', + 'themes/Arc-Dark.rasi', 'themes/DarkBlue.rasi', 'themes/Pop-Dark.rasi', 'themes/Indego.rasi', @@ -229,6 +230,7 @@ install_data( 'themes/c64.rasi', 'themes/dmenu.rasi', 'themes/glue_pro_blue.rasi', + 'themes/gruvbox-common.rasi', 'themes/gruvbox-dark-hard.rasi', 'themes/gruvbox-dark-soft.rasi', 'themes/gruvbox-dark.rasi', diff --git a/themes/Adapta-Nokto.rasi b/themes/Adapta-Nokto.rasi index fdbe95b8..bc69bb10 100644 --- a/themes/Adapta-Nokto.rasi +++ b/themes/Adapta-Nokto.rasi @@ -132,3 +132,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/Arc-Dark.rasi b/themes/Arc-Dark.rasi new file mode 100644 index 00000000..5f5cf399 --- /dev/null +++ b/themes/Arc-Dark.rasi @@ -0,0 +1,146 @@ +/************************************************ + * ROFI Color theme + * User: leofa + * Copyright: 2017 leofa + ***********************************************/ + +* { + selected-normal-foreground: rgba ( 249, 249, 249, 100 % ); + foreground: rgba ( 196, 203, 212, 100 % ); + normal-foreground: @foreground; + alternate-normal-background: rgba ( 64, 69, 82, 59 % ); + red: rgba ( 220, 50, 47, 100 % ); + selected-urgent-foreground: rgba ( 249, 249, 249, 100 % ); + blue: rgba ( 38, 139, 210, 100 % ); + urgent-foreground: rgba ( 204, 102, 102, 100 % ); + alternate-urgent-background: rgba ( 75, 81, 96, 90 % ); + active-foreground: rgba ( 101, 172, 255, 100 % ); + lightbg: rgba ( 238, 232, 213, 100 % ); + selected-active-foreground: rgba ( 249, 249, 249, 100 % ); + alternate-active-background: rgba ( 75, 81, 96, 89 % ); + background: rgba ( 45, 48, 59, 95 % ); + alternate-normal-foreground: @foreground; + normal-background: @background; + lightfg: rgba ( 88, 104, 117, 100 % ); + selected-normal-background: rgba ( 64, 132, 214, 100 % ); + border-color: rgba ( 124, 131, 137, 100 % ); + spacing: 2; + separatorcolor: rgba ( 29, 31, 33, 100 % ); + urgent-background: rgba ( 29, 31, 33, 17 % ); + selected-urgent-background: rgba ( 165, 66, 66, 100 % ); + alternate-urgent-foreground: @urgent-foreground; + background-color: rgba ( 0, 0, 0, 0 % ); + alternate-active-foreground: @active-foreground; + active-background: rgba ( 29, 31, 33, 17 % ); + selected-active-background: rgba ( 68, 145, 237, 100 % ); +} +#window { + background-color: @background; + border: 1; + padding: 5; +} +#mainbox { + border: 0; + padding: 0; +} +#message { + border: 2px 0px 0px ; + border-color: @separatorcolor; + padding: 1px ; +} +#textbox { + text-color: @foreground; +} +#listview { + fixed-height: 0; + border: 2px 0px 0px ; + border-color: @separatorcolor; + spacing: 2px ; + scrollbar: true; + padding: 2px 0px 0px ; +} +#element { + border: 0; + padding: 1px ; +} +#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: @normal-foreground; + handle-width: 8px ; + padding: 0; +} +#sidebar { + border: 2px 0px 0px ; + border-color: @separatorcolor; +} +#button { + spacing: 0; + text-color: @normal-foreground; +} +#button.selected { + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +} +#inputbar { + spacing: 0; + text-color: @normal-foreground; + padding: 1px ; +} +#case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +#entry { + spacing: 0; + text-color: @normal-foreground; +} +#prompt { + spacing: 0; + text-color: @normal-foreground; +} +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/Arc.rasi b/themes/Arc.rasi index 48d83ec5..7d065755 100644 --- a/themes/Arc.rasi +++ b/themes/Arc.rasi @@ -131,3 +131,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/DarkBlue.rasi b/themes/DarkBlue.rasi index ade80e65..ef073f36 100644 --- a/themes/DarkBlue.rasi +++ b/themes/DarkBlue.rasi @@ -35,106 +35,108 @@ active-background: rgba ( 0, 0, 208, 0 % ); selected-active-background: rgba ( 138, 196, 255, 100 % ); } -window { +#window { background-color: @background; border: 1; padding: 5; } -mainbox { +#mainbox { border: 0; padding: 0; } -message { +#message { border: 2px 0px 0px ; border-color: @separatorcolor; padding: 1px ; } -textbox { +#textbox { text-color: @foreground; } -listview { - fixed-height: false; +#listview { + fixed-height: 0; border: 2px 0px 0px ; border-color: @separatorcolor; spacing: 2px ; scrollbar: true; padding: 2px 0px 0px ; } -element { +#element { border: 0; padding: 1px ; } -element.normal.normal { +#element.normal.normal { background-color: @normal-background; text-color: @normal-foreground; } -element.normal.urgent { +#element.normal.urgent { background-color: @urgent-background; text-color: @urgent-foreground; } -element.normal.active { +#element.normal.active { background-color: @active-background; text-color: @active-foreground; } -element.selected.normal { +#element.selected.normal { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -element.selected.urgent { +#element.selected.urgent { background-color: @selected-urgent-background; text-color: @selected-urgent-foreground; } -element.selected.active { +#element.selected.active { background-color: @selected-active-background; text-color: @selected-active-foreground; } -element.alternate.normal { +#element.alternate.normal { background-color: @alternate-normal-background; text-color: @alternate-normal-foreground; } -element.alternate.urgent { +#element.alternate.urgent { background-color: @alternate-urgent-background; text-color: @alternate-urgent-foreground; } -element.alternate.active { +#element.alternate.active { background-color: @alternate-active-background; text-color: @alternate-active-foreground; } -scrollbar { +#scrollbar { width: 4px ; border: 0; handle-width: 8px ; padding: 0; } -sidebar { +#sidebar { border: 2px 0px 0px ; border-color: @separatorcolor; } -button.selected { +#button.selected { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -inputbar { +#inputbar { spacing: 0; text-color: @normal-foreground; padding: 1px ; - children: [ prompt, textbox-prompt-sep, entry, case-indicator ]; } -case-indicator { +#case-indicator { spacing: 0; text-color: @normal-foreground; } -entry { +#entry { spacing: 0; text-color: @normal-foreground; } -prompt, button{ +#prompt, button{ spacing: 0; text-color: @normal-foreground; } -textbox-prompt-sep { - expand: false; - str: ":"; - text-color: @normal-foreground; - margin: 0px 0.3000em 0.0000em 0.0000em ; +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; } diff --git a/themes/Indego.rasi b/themes/Indego.rasi index 3fa8ea3b..5381a0ae 100644 --- a/themes/Indego.rasi +++ b/themes/Indego.rasi @@ -131,3 +131,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/Monokai.rasi b/themes/Monokai.rasi index 37f47b5e..c8d3c5fe 100644 --- a/themes/Monokai.rasi +++ b/themes/Monokai.rasi @@ -131,3 +131,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/Paper.rasi b/themes/Paper.rasi index 3d58ce9a..41f4f410 100644 --- a/themes/Paper.rasi +++ b/themes/Paper.rasi @@ -130,3 +130,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/Pop-Dark.rasi b/themes/Pop-Dark.rasi index 53e6af45..81425fa9 100644 --- a/themes/Pop-Dark.rasi +++ b/themes/Pop-Dark.rasi @@ -111,3 +111,12 @@ text-color: @foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/android_notification.rasi b/themes/android_notification.rasi index 957c1912..856da89c 100644 --- a/themes/android_notification.rasi +++ b/themes/android_notification.rasi @@ -131,3 +131,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/arthur.rasi b/themes/arthur.rasi index 061b33ec..db57659f 100644 --- a/themes/arthur.rasi +++ b/themes/arthur.rasi @@ -66,7 +66,7 @@ configuration { highlight: underline bold #ffffff; transparent: rgba(0,0,0,0); - font: "Sauce Code Powerline Medium 10"; + font: "Source Code Pro 10"; } #window { location: center; @@ -95,7 +95,7 @@ configuration { background-color: @tcyan; } #message { - font: "Sauce Code Powerline ExtraLight 8"; + font: "Source Code Pro 8"; color: @black; } @@ -106,12 +106,15 @@ configuration { border: 2px 2px 2px 2px; border-radius: 15px 15px 0px 0px; border-color: @foreground; - font: "Sauce Code Pro 18"; + font: "Source Code Pro 18"; } #entry,prompt,case-indicator { text-font: inherit; text-color:inherit; } +#prompt { + margin: 0px 0.3em 0em 0em ; +} #listview { padding: 8px; border-radius: 0px 0px 15px 15px; diff --git a/themes/blue.rasi b/themes/blue.rasi index 49e8d1a8..17cbdfc8 100644 --- a/themes/blue.rasi +++ b/themes/blue.rasi @@ -131,3 +131,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/c64.rasi b/themes/c64.rasi index 8c3c0957..ef99ba49 100644 --- a/themes/c64.rasi +++ b/themes/c64.rasi @@ -35,27 +35,27 @@ active-background: rgba ( 0, 57, 255, 100 % ); selected-active-background: rgba ( 79, 128, 255, 100 % ); } -window { +#window { font: "Topaz-8 10"; background-color: #4E7FFF; border: 1; padding: 5; } -mainbox { +#mainbox { border: 0; padding: 0; margin: 40; background-color: #003AFF; } -message { +#message { border: 1px dash 0px dash ; border-color: @separatorcolor; padding: 1px ; } -textbox { +#textbox { text-color: @foreground; } -listview { +#listview { fixed-height: 0; border: 0px 0px 0px 0px ; border-color: @separatorcolor; @@ -63,81 +63,83 @@ listview { scrollbar: false; padding: 5px 5px 5px ; } -element { +#element { border: 0; padding: 1px ; } -element.normal.normal { +#element.normal.normal { background-color: @normal-background; text-color: @normal-foreground; } -element.normal.urgent { +#element.normal.urgent { background-color: @urgent-background; text-color: @urgent-foreground; } -element.normal.active { +#element.normal.active { background-color: @active-background; text-color: @active-foreground; } -element.selected.normal { +#element.selected.normal { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -element.selected.urgent { +#element.selected.urgent { background-color: @selected-urgent-background; text-color: @selected-urgent-foreground; } -element.selected.active { +#element.selected.active { background-color: @selected-active-background; text-color: @selected-active-foreground; } -element.alternate.normal { +#element.alternate.normal { background-color: @alternate-normal-background; text-color: @alternate-normal-foreground; } -element.alternate.urgent { +#element.alternate.urgent { background-color: @alternate-urgent-background; text-color: @alternate-urgent-foreground; } -element.alternate.active { +#element.alternate.active { background-color: @alternate-active-background; text-color: @alternate-active-foreground; } -scrollbar { +#scrollbar { width: 0px ; border: 0; handle-width: 8px ; padding: 0; } -sidebar { +#sidebar { border: 2px dash 0px 0px ; border-color: @separatorcolor; } -button.selected { +#button.selected { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -inputbar { +#inputbar { spacing: 0; text-color: @normal-foreground; padding: 1px ; +} +#case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +#entry { + spacing: 0; + text-color: @normal-foreground; +} +#prompt { + spacing: 0; + text-color: @normal-foreground; +} +#inputbar { children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; } -case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -entry { - spacing: 0; - text-color: @normal-foreground; -} -prompt { - spacing: 0; - text-color: @normal-foreground; -} -textbox-prompt-colon { +#textbox-prompt-colon { expand: false; str: ":"; - margin: 0px 0.3000em 0.0000em 0.0000em ; - text-color: inherit; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; } diff --git a/themes/glue_pro_blue.rasi b/themes/glue_pro_blue.rasi index 4eb777c0..fa46e08d 100644 --- a/themes/glue_pro_blue.rasi +++ b/themes/glue_pro_blue.rasi @@ -34,24 +34,24 @@ active-background: rgba ( 57, 57, 57, 100 % ); selected-active-background: rgba ( 38, 139, 210, 100 % ); } -window { +#window { background-color: rgba ( 57, 57, 57, 95 % ); border: 1; padding: 5; } -mainbox { +#mainbox { border: 0; padding: 0; } -message { +#message { border: 1px dash 0px 0px ; border-color: @separatorcolor; padding: 1px ; } -textbox { +#textbox { text-color: @foreground; } -listview { +#listview { fixed-height: 0; border: 2px dash 0px 0px ; border-color: @separatorcolor; @@ -59,85 +59,87 @@ listview { scrollbar: true; padding: 2px 0px 0px ; } -element { +#element { border: 0; padding: 1px ; } -element.normal.normal { +#element.normal.normal { background-color: @normal-background; text-color: @normal-foreground; } -element.normal.urgent { +#element.normal.urgent { background-color: @urgent-background; text-color: @urgent-foreground; } -element.normal.active { +#element.normal.active { background-color: @active-background; text-color: @active-foreground; } -element.selected.normal { +#element.selected.normal { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -element.selected.urgent { +#element.selected.urgent { background-color: @selected-urgent-background; text-color: @selected-urgent-foreground; } -element.selected.active { +#element.selected.active { background-color: @selected-active-background; text-color: @selected-active-foreground; } -element.alternate.normal { +#element.alternate.normal { background-color: @alternate-normal-background; text-color: @alternate-normal-foreground; } -element.alternate.urgent { +#element.alternate.urgent { background-color: @alternate-urgent-background; text-color: @alternate-urgent-foreground; } -element.alternate.active { +#element.alternate.active { background-color: @alternate-active-background; text-color: @alternate-active-foreground; } -scrollbar { +#scrollbar { width: 4px ; border: 0; handle-width: 8px ; padding: 0; } -sidebar { +#sidebar { border: 2px dash 0px 0px ; border-color: @separatorcolor; } -button.selected { +#button.selected { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -button { +#button { background-color: @background; text-color: @foreground; } -inputbar { +#inputbar { spacing: 0; text-color: @normal-foreground; padding: 1px ; +} +#case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +#entry { + spacing: 0; + text-color: @normal-foreground; +} +#prompt { + spacing: 0; + text-color: @normal-foreground; +} +#inputbar { children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; } -case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -entry { - spacing: 0; - text-color: @normal-foreground; -} -prompt { - spacing: 0; - text-color: @normal-foreground; -} -textbox-prompt-colon { +#textbox-prompt-colon { expand: false; str: ":"; - margin: 0px 0.3000em 0.0000em 0.0000em ; - text-color: inherit; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; } diff --git a/themes/gruvbox-common.rasi b/themes/gruvbox-common.rasi new file mode 100644 index 00000000..f7a168d9 --- /dev/null +++ b/themes/gruvbox-common.rasi @@ -0,0 +1,127 @@ +/* ========================================================================== + File: gruvbox-common.rasi + Desc: Shared rules between all gruvbox themes + Author: bardisty + Source: https://github.com/bardisty/gruvbox-rofi + Modified: Mon Feb 12 2018 06:06:47 PST -0800 + ========================================================================== */ + +window { + background-color: @background; + border: 2; + padding: 2; +} + +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; +} + +sidebar { + 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; +} diff --git a/themes/gruvbox-dark-hard.rasi b/themes/gruvbox-dark-hard.rasi index a2b0ea66..f09507e6 100644 --- a/themes/gruvbox-dark-hard.rasi +++ b/themes/gruvbox-dark-hard.rasi @@ -1,140 +1,62 @@ -/********************************************************* - * Rofi color theme - * - * Based on the Gruvbox color scheme for Vim by morhetz - * https://github.com/morhetz/gruvbox - * - * File: gruvbox*dark*hard.theme - * Desc: Gruvbox dark (hard contrast) color theme for Rofi - * Author: bardisty - * Source: https://github.com/bardisty/gruvbox*rofi - * Modified: Sat Oct 22 2016 03:12:10 PDT *0700 - **********************************************************/ +/* ========================================================================== + Rofi color theme + + Based on the Gruvbox color scheme for Vim by morhetz + https://github.com/morhetz/gruvbox + + File: gruvbox-dark-hard.rasi + Desc: Gruvbox dark (hard contrast) color theme for Rofi + Author: bardisty + Source: https://github.com/bardisty/gruvbox-rofi + Modified: Mon Feb 12 2018 06:04:26 PST -0800 + ========================================================================== */ * { - selected-normal-foreground: rgba ( 251, 241, 199, 100 % ); - foreground: rgba ( 235, 219, 178, 100 % ); + /* Theme settings */ + highlight: bold italic; + scrollbar: true; + + /* Gruvbox dark colors */ + gruvbox-dark-bg0-hard: #1d2021; + gruvbox-dark-bg0: #282828; + gruvbox-dark-bg2: #504945; + gruvbox-dark-fg0: #fbf1c7; + gruvbox-dark-fg1: #ebdbb2; + gruvbox-dark-red-dark: #cc241d; + gruvbox-dark-red-light: #fb4934; + gruvbox-dark-yellow-dark: #d79921; + gruvbox-dark-yellow-light: #fabd2f; + gruvbox-dark-gray: #a89984; + + /* Theme colors */ + background: @gruvbox-dark-bg0-hard; + background-color: @background; + foreground: @gruvbox-dark-fg1; + border-color: @gruvbox-dark-gray; + separatorcolor: @border-color; + scrollbar-handle: @border-color; + + normal-background: @background; normal-foreground: @foreground; - alternate-normal-background: rgba ( 40, 40, 40, 100 % ); - red: rgba ( 220, 50, 47, 100 % ); - selected-urgent-foreground: rgba ( 29, 32, 33, 100 % ); - blue: rgba ( 38, 139, 210, 100 % ); - urgent-foreground: rgba ( 29, 32, 33, 100 % ); - alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); - active-foreground: rgba ( 29, 32, 33, 100 % ); - lightbg: rgba ( 238, 232, 213, 100 % ); - selected-active-foreground: rgba ( 29, 32, 33, 100 % ); - alternate-active-background: rgba ( 215, 153, 33, 100 % ); - background: rgba ( 29, 32, 33, 100 % ); - bordercolor: rgba ( 168, 153, 132, 100 % ); + alternate-normal-background: @gruvbox-dark-bg0; alternate-normal-foreground: @foreground; - normal-background: rgba ( 29, 32, 33, 100 % ); - lightfg: rgba ( 88, 104, 117, 100 % ); - 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 % ); + 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; - active-background: rgba ( 215, 153, 33, 100 % ); - selected-active-background: rgba ( 250, 189, 47, 100 % ); -} -#window { - background-color: @background; - border: 1; - padding: 5; -} -#mainbox { - border: 0; - padding: 0; -} -#message { - border: 1px dash 0px 0px ; - border-color: @separatorcolor; - padding: 1px ; -} -#textbox { - text-color: @foreground; -} -#listview { - fixed-height: 0; - border: 2px dash 0px 0px ; - border-color: @separatorcolor; - spacing: 2px ; - scrollbar: true; - padding: 2px 0px 0px ; -} -#element { - border: 0; - padding: 1px ; -} -#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-width: 8px ; - padding: 0; -} -#sidebar { - border: 2px dash 0px 0px ; - border-color: @separatorcolor; -} -#button.selected { - background-color: @selected-normal-background; - text-color: @selected-normal-foreground; -} -#inputbar { - spacing: 0; - text-color: @normal-foreground; - padding: 1px ; -} -#case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -#entry { - spacing: 0; - text-color: @normal-foreground; -} -#prompt { - spacing: 0; - text-color: @normal-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; } + +@import "gruvbox-common.rasi" + diff --git a/themes/gruvbox-dark-soft.rasi b/themes/gruvbox-dark-soft.rasi index 91bdff69..d080824a 100644 --- a/themes/gruvbox-dark-soft.rasi +++ b/themes/gruvbox-dark-soft.rasi @@ -1,139 +1,62 @@ -/********************************************************* - * Rofi color theme - * - * Based on the Gruvbox color scheme for Vim by morhetz - * https://github.com/morhetz/gruvbox - * - * File: gruvbox*dark*soft.theme - * Desc: Gruvbox dark (soft contrast) color theme for Rofi - * Author: bardisty - * Source: https://github.com/bardisty/gruvbox*rofi - * Modified: Sat Oct 22 2016 03:12:10 PDT *0700 - **********************************************************/ +/* ========================================================================== + Rofi color theme + + Based on the Gruvbox color scheme for Vim by morhetz + https://github.com/morhetz/gruvbox + + File: gruvbox-dark-soft.rasi + Desc: Gruvbox dark (soft contrast) color theme for Rofi + Author: bardisty + Source: https://github.com/bardisty/gruvbox-rofi + Modified: Mon Feb 12 2018 06:04:37 PST -0800 + ========================================================================== */ + * { - selected-normal-foreground: rgba ( 251, 241, 199, 100 % ); - foreground: rgba ( 235, 219, 178, 100 % ); + /* Theme settings */ + highlight: bold italic; + scrollbar: true; + + /* Gruvbox dark colors */ + gruvbox-dark-bg0-soft: #32302f; + gruvbox-dark-bg1: #3c3836; + gruvbox-dark-bg3: #665c54; + gruvbox-dark-fg0: #fbf1c7; + gruvbox-dark-fg1: #ebdbb2; + gruvbox-dark-red-dark: #cc241d; + gruvbox-dark-red-light: #fb4934; + gruvbox-dark-yellow-dark: #d79921; + gruvbox-dark-yellow-light: #fabd2f; + gruvbox-dark-gray: #a89984; + + /* Theme colors */ + background: @gruvbox-dark-bg0-soft; + background-color: @background; + foreground: @gruvbox-dark-fg1; + border-color: @gruvbox-dark-gray; + separatorcolor: @border-color; + scrollbar-handle: @border-color; + + normal-background: @background; normal-foreground: @foreground; - alternate-normal-background: rgba ( 60, 56, 54, 100 % ); - red: rgba ( 220, 50, 47, 100 % ); - selected-urgent-foreground: rgba ( 50, 48, 47, 100 % ); - blue: rgba ( 38, 139, 210, 100 % ); - urgent-foreground: rgba ( 50, 48, 47, 100 % ); - alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); - active-foreground: rgba ( 50, 48, 47, 100 % ); - lightbg: rgba ( 238, 232, 213, 100 % ); - selected-active-foreground: rgba ( 50, 48, 47, 100 % ); - alternate-active-background: rgba ( 215, 153, 33, 100 % ); - background: rgba ( 50, 48, 47, 100 % ); - bordercolor: rgba ( 168, 153, 132, 100 % ); + alternate-normal-background: @gruvbox-dark-bg1; alternate-normal-foreground: @foreground; - normal-background: rgba ( 50, 48, 47, 100 % ); - lightfg: rgba ( 88, 104, 117, 100 % ); - 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 % ); + 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; - active-background: rgba ( 215, 153, 33, 100 % ); - selected-active-background: rgba ( 250, 189, 47, 100 % ); -} -#window { - background-color: @background; - border: 1; - padding: 5; -} -#mainbox { - border: 0; - padding: 0; -} -#message { - border: 1px dash 0px 0px ; - border-color: @separatorcolor; - padding: 1px ; -} -#textbox { - text-color: @foreground; -} -#listview { - fixed-height: 0; - border: 2px dash 0px 0px ; - border-color: @separatorcolor; - spacing: 2px ; - scrollbar: true; - padding: 2px 0px 0px ; -} -#element { - border: 0; - padding: 1px ; -} -#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-width: 8px ; - padding: 0; -} -#sidebar { - border: 2px dash 0px 0px ; - border-color: @separatorcolor; -} -#button.selected { - background-color: @selected-normal-background; - text-color: @selected-normal-foreground; -} -#inputbar { - spacing: 0; - text-color: @normal-foreground; - padding: 1px ; -} -#case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -#entry { - spacing: 0; - text-color: @normal-foreground; -} -#prompt { - spacing: 0; - text-color: @normal-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; } + +@import "gruvbox-common.rasi" + diff --git a/themes/gruvbox-dark.rasi b/themes/gruvbox-dark.rasi index 90e4f0b7..6bec1275 100644 --- a/themes/gruvbox-dark.rasi +++ b/themes/gruvbox-dark.rasi @@ -1,139 +1,62 @@ -/********************************************************* - * Rofi color theme - * - * Based on the Gruvbox color scheme for Vim by morhetz - * https://github.com/morhetz/gruvbox - * - * File: gruvbox*dark.theme - * Desc: Gruvbox dark color theme for Rofi - * Author: bardisty - * Source: https://github.com/bardisty/gruvbox*rofi - * Modified: Sat Oct 22 2016 03:12:10 PDT *0700 - **********************************************************/ +/* ========================================================================== + 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 + Source: https://github.com/bardisty/gruvbox-rofi + Modified: Mon Feb 12 2018 04:08:43 PST -0800 + ========================================================================== */ + * { - selected-normal-foreground: rgba ( 251, 241, 199, 100 % ); - foreground: rgba ( 235, 219, 178, 100 % ); + /* Theme settings */ + highlight: bold italic; + scrollbar: true; + + /* Gruvbox dark colors */ + gruvbox-dark-bg0: #282828; + gruvbox-dark-bg0-soft: #32302f; + gruvbox-dark-bg3: #665c54; + gruvbox-dark-fg0: #fbf1c7; + gruvbox-dark-fg1: #ebdbb2; + gruvbox-dark-red-dark: #cc241d; + gruvbox-dark-red-light: #fb4934; + gruvbox-dark-yellow-dark: #d79921; + gruvbox-dark-yellow-light: #fabd2f; + gruvbox-dark-gray: #a89984; + + /* Theme colors */ + background: @gruvbox-dark-bg0; + background-color: @background; + foreground: @gruvbox-dark-fg1; + border-color: @gruvbox-dark-gray; + separatorcolor: @border-color; + scrollbar-handle: @border-color; + + normal-background: @background; normal-foreground: @foreground; - alternate-normal-background: rgba ( 50, 48, 47, 100 % ); - red: rgba ( 220, 50, 47, 100 % ); - selected-urgent-foreground: rgba ( 40, 40, 40, 100 % ); - blue: rgba ( 38, 139, 210, 100 % ); - urgent-foreground: rgba ( 40, 40, 40, 100 % ); - alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); - active-foreground: rgba ( 40, 40, 40, 100 % ); - lightbg: rgba ( 238, 232, 213, 100 % ); - selected-active-foreground: rgba ( 40, 40, 40, 100 % ); - alternate-active-background: rgba ( 215, 153, 33, 100 % ); - background: rgba ( 40, 40, 40, 100 % ); - bordercolor: rgba ( 168, 153, 132, 100 % ); + alternate-normal-background: @gruvbox-dark-bg0-soft; alternate-normal-foreground: @foreground; - normal-background: rgba ( 40, 40, 40, 100 % ); - lightfg: rgba ( 88, 104, 117, 100 % ); - 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 % ); + 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; - active-background: rgba ( 215, 153, 33, 100 % ); - selected-active-background: rgba ( 250, 189, 47, 100 % ); -} -#window { - background-color: @background; - border: 1; - padding: 5; -} -#mainbox { - border: 0; - padding: 0; -} -#message { - border: 1px dash 0px 0px ; - border-color: @separatorcolor; - padding: 1px ; -} -#textbox { - text-color: @foreground; -} -#listview { - fixed-height: 0; - border: 2px dash 0px 0px ; - border-color: @separatorcolor; - spacing: 2px ; - scrollbar: true; - padding: 2px 0px 0px ; -} -#element { - border: 0; - padding: 1px ; -} -#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-width: 8px ; - padding: 0; -} -#sidebar { - border: 2px dash 0px 0px ; - border-color: @separatorcolor; -} -#button.selected { - background-color: @selected-normal-background; - text-color: @selected-normal-foreground; -} -#inputbar { - spacing: 0; - text-color: @normal-foreground; - padding: 1px ; -} -#case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -#entry { - spacing: 0; - text-color: @normal-foreground; -} -#prompt { - spacing: 0; - text-color: @normal-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; } + +@import "gruvbox-common.rasi" + diff --git a/themes/gruvbox-light-hard.rasi b/themes/gruvbox-light-hard.rasi index 2db85cb9..e0efe33f 100644 --- a/themes/gruvbox-light-hard.rasi +++ b/themes/gruvbox-light-hard.rasi @@ -1,140 +1,62 @@ -/******************* - * Rofi color theme - * - * Based on the Gruvbox color scheme for Vim by morhetz - * https://github.com/morhetz/gruvbox - * - * File: gruvbox-light-hard.theme - * Desc: Gruvbox light (hard contrast) color theme for Rofi - * Author: bardisty - * Source: https://github.com/bardisty/gruvbox-rofi - * Modified: Sat Oct 22 2016 03:11:32 PDT -0700 - */ +/* ========================================================================== + Rofi color theme + + Based on the Gruvbox color scheme for Vim by morhetz + https://github.com/morhetz/gruvbox + + File: gruvbox-light-hard.rasi + Desc: Gruvbox light (hard contrast) color theme for Rofi + Author: bardisty + Source: https://github.com/bardisty/gruvbox-rofi + Modified: Mon Feb 12 2018 06:04:48 PST -0800 + ========================================================================== */ * { - selected-normal-foreground: rgba ( 40, 40, 40, 100 % ); - foreground: rgba ( 60, 56, 54, 100 % ); + /* Theme settings */ + highlight: bold italic; + scrollbar: true; + + /* Gruvbox light colors */ + gruvbox-light-bg0-hard: #f9f5d7; + gruvbox-light-bg0: #fbf1c7; + gruvbox-light-bg1: #ebdbb2; + gruvbox-light-fg0: #282828; + gruvbox-light-fg1: #3c3836; + gruvbox-light-red-dark: #9d0006; + gruvbox-light-red-light: #cc241d; + gruvbox-light-yellow-dark: #b57614; + gruvbox-light-yellow-light: #d79921; + gruvbox-light-gray: #7c6f64; + + /* Theme colors */ + background: @gruvbox-light-bg0-hard; + background-color: @background; + foreground: @gruvbox-light-fg1; + border-color: @gruvbox-light-gray; + separatorcolor: @border-color; + scrollbar-handle: @border-color; + + normal-background: @background; normal-foreground: @foreground; - alternate-normal-background: rgba ( 251, 241, 199, 100 % ); - red: rgba ( 220, 50, 47, 100 % ); - selected-urgent-foreground: rgba ( 253, 244, 193, 100 % ); - blue: rgba ( 38, 139, 210, 100 % ); - urgent-foreground: rgba ( 253, 244, 193, 100 % ); - alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); - active-foreground: rgba ( 253, 244, 193, 100 % ); - lightbg: rgba ( 238, 232, 213, 100 % ); - selected-active-foreground: rgba ( 253, 244, 193, 100 % ); - alternate-active-background: rgba ( 181, 118, 20, 100 % ); - background: rgba ( 249, 245, 215, 100 % ); - bordercolor: rgba ( 124, 111, 100, 100 % ); + alternate-normal-background: @gruvbox-light-bg0; alternate-normal-foreground: @foreground; - normal-background: rgba ( 249, 245, 215, 100 % ); - lightfg: rgba ( 88, 104, 117, 100 % ); - 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 % ); + 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; - active-background: rgba ( 181, 118, 20, 100 % ); - selected-active-background: rgba ( 215, 153, 33, 100 % ); -} -#window { - background-color: @background; - border: 1; - padding: 5; -} -#mainbox { - border: 0; - padding: 0; -} -#message { - border: 1px dash 0px 0px ; - border-color: @separatorcolor; - padding: 1px ; -} -#textbox { - text-color: @foreground; -} -#listview { - fixed-height: 0; - border: 2px dash 0px 0px ; - border-color: @separatorcolor; - spacing: 2px ; - scrollbar: true; - padding: 2px 0px 0px ; -} -#element { - border: 0; - padding: 1px ; -} -#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-width: 8px ; - padding: 0; -} -#sidebar { - border: 2px dash 0px 0px ; - border-color: @separatorcolor; -} -#button.selected { - background-color: @selected-normal-background; - text-color: @selected-normal-foreground; -} -#inputbar { - spacing: 0; - text-color: @normal-foreground; - padding: 1px ; -} -#case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -#entry { - spacing: 0; - text-color: @normal-foreground; -} -#prompt { - spacing: 0; - text-color: @normal-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; } + +@import "gruvbox-common.rasi" + diff --git a/themes/gruvbox-light-soft.rasi b/themes/gruvbox-light-soft.rasi index bfb083cb..43ddb6b4 100644 --- a/themes/gruvbox-light-soft.rasi +++ b/themes/gruvbox-light-soft.rasi @@ -1,139 +1,62 @@ -/******************* - * Rofi color theme - * - * Based on the Gruvbox color scheme for Vim by morhetz - * https://github.com/morhetz/gruvbox - * - * File: gruvbox-light-soft.theme - * Desc: Gruvbox light (soft contrast) color theme for Rofi - * Author: bardisty - * Source: https://github.com/bardisty/gruvbox-rofi - * Modified: Sat Oct 22 2016 03:11:32 PDT -0700 - */ +/* ========================================================================== + Rofi color theme + + Based on the Gruvbox color scheme for Vim by morhetz + https://github.com/morhetz/gruvbox + + File: gruvbox-light-soft.rasi + Desc: Gruvbox light (soft contrast) color theme for Rofi + Author: bardisty + Source: https://github.com/bardisty/gruvbox-rofi + Modified: Mon Feb 12 2018 06:05:38 PST -0800 + ========================================================================== */ + * { - selected-normal-foreground: rgba ( 40, 40, 40, 100 % ); - foreground: rgba ( 60, 56, 54, 100 % ); + /* Theme settings */ + highlight: bold italic; + scrollbar: true; + + /* Gruvbox light colors */ + gruvbox-light-bg0-soft: #f2e5bc; + gruvbox-light-bg1: #ebdbb2; + gruvbox-light-bg2: #d5c4a1; + gruvbox-light-fg0: #282828; + gruvbox-light-fg1: #3c3836; + gruvbox-light-red-dark: #9d0006; + gruvbox-light-red-light: #cc241d; + gruvbox-light-yellow-dark: #b57614; + gruvbox-light-yellow-light: #d79921; + gruvbox-light-gray: #7c6f64; + + /* Theme colors */ + background: @gruvbox-light-bg0-soft; + background-color: @background; + foreground: @gruvbox-light-fg1; + border-color: @gruvbox-light-gray; + separatorcolor: @border-color; + scrollbar-handle: @border-color; + + normal-background: @background; normal-foreground: @foreground; - alternate-normal-background: rgba ( 235, 219, 178, 100 % ); - red: rgba ( 220, 50, 47, 100 % ); - selected-urgent-foreground: rgba ( 242, 229, 188, 100 % ); - blue: rgba ( 38, 139, 210, 100 % ); - urgent-foreground: rgba ( 242, 229, 188, 100 % ); - alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); - active-foreground: rgba ( 242, 229, 188, 100 % ); - lightbg: rgba ( 238, 232, 213, 100 % ); - selected-active-foreground: rgba ( 242, 229, 188, 100 % ); - alternate-active-background: rgba ( 181, 118, 20, 100 % ); - background: rgba ( 242, 229, 188, 100 % ); - bordercolor: rgba ( 124, 111, 100, 100 % ); + alternate-normal-background: @gruvbox-light-bg1; alternate-normal-foreground: @foreground; - normal-background: rgba ( 242, 229, 188, 100 % ); - lightfg: rgba ( 88, 104, 117, 100 % ); - 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 % ); + 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; - active-background: rgba ( 181, 118, 20, 100 % ); - selected-active-background: rgba ( 215, 153, 33, 100 % ); -} -#window { - background-color: @background; - border: 1; - padding: 5; -} -#mainbox { - border: 0; - padding: 0; -} -#message { - border: 1px dash 0px 0px ; - border-color: @separatorcolor; - padding: 1px ; -} -#textbox { - text-color: @foreground; -} -#listview { - fixed-height: 0; - border: 2px dash 0px 0px ; - border-color: @separatorcolor; - spacing: 2px ; - scrollbar: true; - padding: 2px 0px 0px ; -} -#element { - border: 0; - padding: 1px ; -} -#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-width: 8px ; - padding: 0; -} -#sidebar { - border: 2px dash 0px 0px ; - border-color: @separatorcolor; -} -#button.selected { - background-color: @selected-normal-background; - text-color: @selected-normal-foreground; -} -#inputbar { - spacing: 0; - text-color: @normal-foreground; - padding: 1px ; -} -#case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -#entry { - spacing: 0; - text-color: @normal-foreground; -} -#prompt { - spacing: 0; - text-color: @normal-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; } + +@import "gruvbox-common.rasi" + diff --git a/themes/gruvbox-light.rasi b/themes/gruvbox-light.rasi index deb3a57f..f8041564 100644 --- a/themes/gruvbox-light.rasi +++ b/themes/gruvbox-light.rasi @@ -1,139 +1,62 @@ -/******************* - * Rofi color theme - * - * Based on the Gruvbox color scheme for Vim by morhetz - * https://github.com/morhetz/gruvbox - * - * File: gruvbox-light.theme - * Desc: Gruvbox light color theme for Rofi - * Author: bardisty - * Source: https://github.com/bardisty/gruvbox-rofi - * Modified: Sat Oct 22 2016 03:11:32 PDT -0700 - */ +/* ========================================================================== + Rofi color theme + + Based on the Gruvbox color scheme for Vim by morhetz + https://github.com/morhetz/gruvbox + + File: gruvbox-light.rasi + Desc: Gruvbox light color theme for rofi + Author: bardisty + Source: https://github.com/bardisty/gruvbox-rofi + Modified: Mon Feb 12 2018 06:06:06 PST -0800 + ========================================================================== */ + * { - selected-normal-foreground: rgba ( 40, 40, 40, 100 % ); - foreground: rgba ( 60, 56, 54, 100 % ); + /* Theme settings */ + highlight: bold italic; + scrollbar: true; + + /* Gruvbox light colors */ + gruvbox-light-bg0: #fbf1c7; + gruvbox-light-bg0-soft: #f2e5bc; + gruvbox-light-bg2: #d5c4a1; + gruvbox-light-fg0: #282828; + gruvbox-light-fg1: #3c3836; + gruvbox-light-gray: #7c6f64; + gruvbox-light-red-dark: #9d0006; + gruvbox-light-red-light: #cc241d; + gruvbox-light-yellow-dark: #b57614; + gruvbox-light-yellow-light: #d79921; + + /* Theme colors */ + background: @gruvbox-light-bg0; + background-color: @background; + foreground: @gruvbox-light-fg1; + border-color: @gruvbox-light-gray; + separatorcolor: @border-color; + scrollbar-handle: @border-color; + + normal-background: @background; normal-foreground: @foreground; - alternate-normal-background: rgba ( 242, 229, 188, 100 % ); - red: rgba ( 220, 50, 47, 100 % ); - selected-urgent-foreground: rgba ( 251, 241, 199, 100 % ); - blue: rgba ( 38, 139, 210, 100 % ); - urgent-foreground: rgba ( 251, 241, 199, 100 % ); - alternate-urgent-background: rgba ( 204, 36, 29, 100 % ); - active-foreground: rgba ( 251, 241, 199, 100 % ); - lightbg: rgba ( 238, 232, 213, 100 % ); - selected-active-foreground: rgba ( 251, 241, 199, 100 % ); - alternate-active-background: rgba ( 181, 118, 20, 100 % ); - background: rgba ( 251, 241, 199, 100 % ); - bordercolor: rgba ( 124, 111, 100, 100 % ); + alternate-normal-background: @gruvbox-light-bg0-soft; alternate-normal-foreground: @foreground; - normal-background: rgba ( 251, 241, 199, 100 % ); - lightfg: rgba ( 88, 104, 117, 100 % ); - 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 % ); + 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; - active-background: rgba ( 181, 118, 20, 100 % ); - selected-active-background: rgba ( 215, 153, 33, 100 % ); -} -#window { - background-color: @background; - border: 1; - padding: 5; -} -#mainbox { - border: 0; - padding: 0; -} -#message { - border: 1px dash 0px 0px ; - border-color: @separatorcolor; - padding: 1px ; -} -#textbox { - text-color: @foreground; -} -#listview { - fixed-height: 0; - border: 2px dash 0px 0px ; - border-color: @separatorcolor; - spacing: 2px ; - scrollbar: true; - padding: 2px 0px 0px ; -} -#element { - border: 0; - padding: 1px ; -} -#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-width: 8px ; - padding: 0; -} -#sidebar { - border: 2px dash 0px 0px ; - border-color: @separatorcolor; -} -#button.selected { - background-color: @selected-normal-background; - text-color: @selected-normal-foreground; -} -#inputbar { - spacing: 0; - text-color: @normal-foreground; - padding: 1px ; -} -#case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -#entry { - spacing: 0; - text-color: @normal-foreground; -} -#prompt { - spacing: 0; - text-color: @normal-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; } + +@import "gruvbox-common.rasi" + diff --git a/themes/lb.rasi b/themes/lb.rasi index 39a9032a..bbbec82b 100644 --- a/themes/lb.rasi +++ b/themes/lb.rasi @@ -131,3 +131,12 @@ spacing: 0; text-color: @normal-foreground; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/paper-float.rasi b/themes/paper-float.rasi index c2cdd7a7..d9b62c74 100644 --- a/themes/paper-float.rasi +++ b/themes/paper-float.rasi @@ -115,3 +115,12 @@ #button selected { text-color: #4271AEFF; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/purple.rasi b/themes/purple.rasi index ee579cd2..f85e6577 100644 --- a/themes/purple.rasi +++ b/themes/purple.rasi @@ -34,24 +34,24 @@ active-background: rgba ( 47, 30, 46, 15 % ); selected-active-background: rgba ( 129, 91, 164, 33 % ); } -window { +#window { background-color: @background; border: 1; padding: 5; } -mainbox { +#mainbox { border: 0; padding: 0; } -message { +#message { border: 1px dash 0px 0px ; border-color: @separatorcolor; padding: 1px ; } -textbox { +#textbox { text-color: @foreground; } -listview { +#listview { fixed-height: 0; border: 2px dash 0px 0px ; border-color: @separatorcolor; @@ -59,81 +59,83 @@ listview { scrollbar: true; padding: 2px 0px 0px ; } -element { +#element { border: 0; padding: 1px ; } -element.normal.normal { +#element.normal.normal { background-color: @normal-background; text-color: @normal-foreground; } -element.normal.urgent { +#element.normal.urgent { background-color: @urgent-background; text-color: @urgent-foreground; } -element.normal.active { +#element.normal.active { background-color: @active-background; text-color: @active-foreground; } -element.selected.normal { +#element.selected.normal { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -element.selected.urgent { +#element.selected.urgent { background-color: @selected-urgent-background; text-color: @selected-urgent-foreground; } -element.selected.active { +#element.selected.active { background-color: @selected-active-background; text-color: @selected-active-foreground; } -element.alternate.normal { +#element.alternate.normal { background-color: @alternate-normal-background; text-color: @alternate-normal-foreground; } -element.alternate.urgent { +#element.alternate.urgent { background-color: @alternate-urgent-background; text-color: @alternate-urgent-foreground; } -element.alternate.active { +#element.alternate.active { background-color: @alternate-active-background; text-color: @alternate-active-foreground; } -scrollbar { +#scrollbar { width: 4px ; border: 0; handle-width: 8px ; padding: 0; } -sidebar { +#sidebar { border: 2px dash 0px 0px ; border-color: @separatorcolor; } -button.selected { +#button.selected { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -inputbar { +#inputbar { spacing: 0; text-color: @normal-foreground; padding: 1px ; +} +#case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +#entry { + spacing: 0; + text-color: @normal-foreground; +} +#prompt { + spacing: 0; + text-color: @normal-foreground; +} +#inputbar { children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; } -case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -entry { - spacing: 0; - text-color: @normal-foreground; -} -prompt { - spacing: 0; - text-color: @normal-foreground; -} -textbox-prompt-colon { +#textbox-prompt-colon { expand: false; str: ":"; - margin: 0px 0.3000em 0.0000em 0.0000em ; - text-color: inherit; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; } diff --git a/themes/sidebar.rasi b/themes/sidebar.rasi index 68e4e87b..1d71a9b3 100644 --- a/themes/sidebar.rasi +++ b/themes/sidebar.rasi @@ -42,23 +42,32 @@ highlight: bold #ffffff; } #window { - height: 100%; - width: 30em; + fullscreen: true; location: west; anchor: west; border: 0px 2px 0px 0px; text-color: @lightwhite; + + orientation: horizontal; + children: [mainbox, dummy]; +} + +#dummy { + expand: true; } #sidebar { border: 2px 0px 0px 0px; background-color: @lightblack; - padding: 4px; + padding: 10px; } #button selected { border-color: @lightgreen; text-color: @lightgreen; } +#entry { + width: 20em; +} #inputbar { background-color: @lightblack; text-color: @lightgreen; @@ -66,7 +75,7 @@ border: 0px 0px 2px 0px; } #mainbox { - expand: true; + expand: false; background-color: #1c1c1cee; spacing: 1em; } @@ -100,3 +109,12 @@ background-color: @lightred; text-color: @dark; } +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/themes/solarized.rasi b/themes/solarized.rasi index 0de6d2a6..34ce0b1c 100644 --- a/themes/solarized.rasi +++ b/themes/solarized.rasi @@ -34,24 +34,24 @@ active-background: rgba ( 0, 43, 55, 100 % ); selected-active-background: rgba ( 0, 54, 66, 100 % ); } -window { +#window { background-color: @background; border: 1; padding: 5; } -mainbox { +#mainbox { border: 0; padding: 0; } -message { +#message { border: 1px dash 0px 0px ; border-color: @separatorcolor; padding: 1px ; } -textbox { +#textbox { text-color: @foreground; } -listview { +#listview { fixed-height: 0; border: 2px dash 0px 0px ; border-color: @separatorcolor; @@ -59,81 +59,83 @@ listview { scrollbar: true; padding: 2px 0px 0px ; } -element { +#element { border: 0; padding: 1px ; } -element.normal.normal { +#element.normal.normal { background-color: @normal-background; text-color: @normal-foreground; } -element.normal.urgent { +#element.normal.urgent { background-color: @urgent-background; text-color: @urgent-foreground; } -element.normal.active { +#element.normal.active { background-color: @active-background; text-color: @active-foreground; } -element.selected.normal { +#element.selected.normal { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -element.selected.urgent { +#element.selected.urgent { background-color: @selected-urgent-background; text-color: @selected-urgent-foreground; } -element.selected.active { +#element.selected.active { background-color: @selected-active-background; text-color: @selected-active-foreground; } -element.alternate.normal { +#element.alternate.normal { background-color: @alternate-normal-background; text-color: @alternate-normal-foreground; } -element.alternate.urgent { +#element.alternate.urgent { background-color: @alternate-urgent-background; text-color: @alternate-urgent-foreground; } -element.alternate.active { +#element.alternate.active { background-color: @alternate-active-background; text-color: @alternate-active-foreground; } -scrollbar { +#scrollbar { width: 4px ; border: 0; handle-width: 8px ; padding: 0; } -sidebar { +#sidebar { border: 2px dash 0px 0px ; border-color: @separatorcolor; } -button.selected { +#button.selected { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -inputbar { +#inputbar { spacing: 0; text-color: @normal-foreground; padding: 1px ; +} +#case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +#entry { + spacing: 0; + text-color: @normal-foreground; +} +#prompt { + spacing: 0; + text-color: @normal-foreground; +} +#inputbar { children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; } -case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -entry { - spacing: 0; - text-color: @normal-foreground; -} -prompt { - spacing: 0; - text-color: @normal-foreground; -} -textbox-prompt-colon { +#textbox-prompt-colon { expand: false; str: ":"; - margin: 0px 0.3000em 0.0000em 0.0000em ; - text-color: inherit; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; } diff --git a/themes/solarized_alternate.rasi b/themes/solarized_alternate.rasi index 58843149..886248ca 100644 --- a/themes/solarized_alternate.rasi +++ b/themes/solarized_alternate.rasi @@ -34,24 +34,24 @@ active-background: rgba ( 0, 43, 55, 100 % ); selected-active-background: rgba ( 0, 142, 212, 100 % ); } -window { +#window { background-color: @background; border: 1; padding: 5; } -mainbox { +#mainbox { border: 0; padding: 0; } -message { +#message { border: 1px dash 0px 0px ; border-color: @separatorcolor; padding: 1px ; } -textbox { +#textbox { text-color: @foreground; } -listview { +#listview { fixed-height: 0; border: 2px dash 0px 0px ; border-color: @separatorcolor; @@ -59,81 +59,83 @@ listview { scrollbar: true; padding: 2px 0px 0px ; } -element { +#element { border: 0; padding: 1px ; } -element.normal.normal { +#element.normal.normal { background-color: @normal-background; text-color: @normal-foreground; } -element.normal.urgent { +#element.normal.urgent { background-color: @urgent-background; text-color: @urgent-foreground; } -element.normal.active { +#element.normal.active { background-color: @active-background; text-color: @active-foreground; } -element.selected.normal { +#element.selected.normal { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -element.selected.urgent { +#element.selected.urgent { background-color: @selected-urgent-background; text-color: @selected-urgent-foreground; } -element.selected.active { +#element.selected.active { background-color: @selected-active-background; text-color: @selected-active-foreground; } -element.alternate.normal { +#element.alternate.normal { background-color: @alternate-normal-background; text-color: @alternate-normal-foreground; } -element.alternate.urgent { +#element.alternate.urgent { background-color: @alternate-urgent-background; text-color: @alternate-urgent-foreground; } -element.alternate.active { +#element.alternate.active { background-color: @alternate-active-background; text-color: @alternate-active-foreground; } -scrollbar { +#scrollbar { width: 4px ; border: 0; handle-width: 8px ; padding: 0; } -sidebar { +#sidebar { border: 2px dash 0px 0px ; border-color: @separatorcolor; } -button.selected { +#button.selected { background-color: @selected-normal-background; text-color: @selected-normal-foreground; } -inputbar { +#inputbar { spacing: 0; text-color: @normal-foreground; padding: 1px ; +} +#case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +#entry { + spacing: 0; + text-color: @normal-foreground; +} +#prompt { + spacing: 0; + text-color: @normal-foreground; +} +#inputbar { children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; } -case-indicator { - spacing: 0; - text-color: @normal-foreground; -} -entry { - spacing: 0; - text-color: @normal-foreground; -} -prompt { - spacing: 0; - text-color: @normal-foreground; -} -textbox-prompt-colon { +#textbox-prompt-colon { expand: false; str: ":"; - margin: 0px 0.3000em 0.0000em 0.0000em ; - text-color: inherit; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; }