added snazzy theme (#10)

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;
+}