diff options
| -rwxr-xr-x | themes/base16-snazzy.config | 33 | ||||
| -rwxr-xr-x | themes/base16-snazzy.rasi | 143 |
2 files changed, 176 insertions, 0 deletions
diff --git a/themes/base16-snazzy.config b/themes/base16-snazzy.config new file mode 100755 index 0000000..758a30b --- /dev/null +++ b/themes/base16-snazzy.config @@ -0,0 +1,33 @@ +! Base16 Snazzy +! Author: Chawye Hsu (https://github.com/h404bi) based on Hyper Snazzy Theme (https://github.com/sindresorhus/hyper-snazzy) + +! base00: #282a36 +! base01: #34353e +! base02: #43454f +! base03: #78787e +! base04: #a5a5a9 +! base05: #e2e4e5 +! base06: #eff0eb +! base07: #f1f1f0 +! base08: #ff5c57 +! base09: #ff9f43 +! base0A: #f3f99d +! base0B: #5af78e +! base0C: #9aedfe +! base0D: #57c7ff +! base0E: #ff6ac1 +! base0F: #b2643c + +! Enable the extended coloring options +rofi.color-enabled: true + +! Property Name BG Border Separator +rofi.color-window: #34353e, #34353e, #282a36 + +! Property Name BG FG BG-alt Head-BG Head-FG +rofi.color-normal: #34353e, #e2e4e5, #34353e, #34353e, #f1f1f0 +rofi.color-active: #34353e, #57c7ff, #34353e, #34353e, #57c7ff +rofi.color-urgent: #34353e, #ff5c57, #34353e, #34353e, #ff5c57 + +! Set the desired separator style +rofi.separator-style: solid diff --git a/themes/base16-snazzy.rasi b/themes/base16-snazzy.rasi new file mode 100755 index 0000000..ba5f83a --- /dev/null +++ b/themes/base16-snazzy.rasi @@ -0,0 +1,143 @@ +/** + * Base16 Snazzy ROFI Color theme + * User: Chawye Hsu (https://github.com/h404bi) based on Hyper Snazzy Theme (https://github.com/sindresorhus/hyper-snazzy) + * Copyright: Andrea Scarpino + */ +* { + selected-normal-foreground: @lightbg; + foreground: rgba ( 226, 228, 229, 100 % ); + normal-foreground: @foreground; + alternate-normal-background: @lightbg; + red: rgba ( 255, 92, 87, 100 % ); + selected-urgent-foreground: @background; + blue: rgba ( 87, 199, 255, 100 % ); + urgent-foreground: @red; + alternate-urgent-background: @lightbg; + active-foreground: @blue; + lightbg: rgba ( 52, 53, 62, 100 % ); + selected-active-foreground: @background; + alternate-active-background: @lightbg; + background: rgba ( 40, 42, 54, 100 % ); + alternate-normal-foreground: @foreground; + normal-background: @background; + lightfg: rgba ( 239, 240, 235, 100 % ); + selected-normal-background: @lightfg; + border-color: @foreground; + spacing: 2; + separatorcolor: @foreground; + urgent-background: @background; + selected-urgent-background: @red; + alternate-urgent-foreground: @red; + background-color: rgba ( 40, 42, 54, 0 % ); + alternate-active-foreground: @blue; + active-background: @background; + selected-active-background: @blue; +} +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-color: @normal-foreground; + handle-width: 8px ; + padding: 0; +} +sidebar { + border: 2px dash 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: 0px; + text-color: @normal-foreground; + padding: 1px ; + 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 { + expand: false; + str: ":"; + margin: 0px 0.3000em 0.0000em 0.0000em ; + text-color: inherit; +} |