add alter and monokai theme

ani-cli

@@ -4,7 +4,7 @@ CFG_DIR="${XDG_CONFIG_HOME:-$HOME/.config}/aniwrapper"
 HISTORY_DB="$CFG_DIR/history.sqlite3"
 ROFI_CFG="$CFG_DIR/themes/aniwrapper.rasi"
 ROFI_THEME="aniwrapper.rasi"
-THEMES="aniwrapper|dracula|doomone|fancy|material|nord|nord2|onedark"
+THEMES="alter|aniwrapper|dracula|doomone|fancy|material|monokai|nord|nord2|onedark"
 ANIWRAPPER_ICON_PATH="$CFG_DIR/icons/icon-64.png"
 MAISAN_ICON_PATH="$CFG_DIR/icons/MYsan.png"
 DPI=96

aniwrapper

@@ -10,7 +10,7 @@ CFG_DIR="${XDG_CONFIG_HOME:-$HOME/.config}/aniwrapper"
 CFG_FILE="$CFG_DIR/themes/aniwrapper.rasi"
 DEFAULT_DOWNLOAD="$HOME/Videos/sauce"
 ROFI_THEME="aniwrapper.rasi"
-THEMES="aniwrapper|dracula|doomone|fancy|material|nord|nord2|onedark"
+THEMES="alter|aniwrapper|dracula|doomone|fancy|material|monokai|nord|nord2|onedark"
 QUALITIES="1. best|2. 1080p|3. 720p|4. 480p|5. 360p|6. worst"
 SUPPORTED_PLAYERS="mpv|mplayer|vlc"
 QUALITY=best
@@ -54,7 +54,7 @@ Options:
 	-Q  <query> query the history database
 	-v  verbose output
 	-S  silent mode (suppress output to stdout) [cannot be used with -v]
-	-t  <aniwrapper (default)|dracula|doomone|fancy|material|nord|nord2|onedark> change rofi theme
+	-t  <alter|aniwrapper (default)|dracula|doomone|fancy|material|monokai|nord|nord2|onedark> change rofi theme
 	-T  <config_path> specify custom rofi theme
 	"
 }
@@ -133,7 +133,7 @@ get_quality() {
 
 # return the index in $THEMES of $ROFI_THEME
 get_theme_idx() {
-    themeslist="aniwrapper.rasi|aniwrapper-dracula.rasi|aniwrapper-doomone.rasi|aniwrapper-fancy.rasi|aniwrapper-material.rasi|aniwrapper-nord.rasi|aniwrapper-nord2.rasi|aniwrapper-onedark.rasi"
+    themeslist="aniwrapper-alter.rasi|aniwrapper.rasi|aniwrapper-dracula.rasi|aniwrapper-doomone.rasi|aniwrapper-fancy.rasi|aniwrapper-material.rasi|aniwrapper-monokai.rasi|aniwrapper-nord.rasi|aniwrapper-nord2.rasi|aniwrapper-onedark.rasi"
     idx=0
     while IFS='|' read -ra themes; do
         for t in "${themes[@]}"; do

themes/aniwrapper-alter.rasi

@@ -0,0 +1,196 @@
+/*******************************************************************************
+ * ROFI Color Theme
+ * User: Sheepla, sudacode
+ * Copyleft: Sheepla
+ *******************************************************************************/
+
+* {
+    highlight: bold italic;
+    scrollbar: true;
+
+    palette-bg0:     #2E333E;
+    palette-bg1:     #404552;
+    palette-fg0:     #c6c8d1;
+    palette-highlight: #6552ab;
+    palette-active: #525AAB;
+    palette-warning: #B65FB8;
+
+    /* Base colors */
+    background:                  @palette-bg0;
+    background-color:            @background;
+    foreground:                  @palette-fg0;
+
+    /* Normal colors */
+    normal-background:           @background;
+    normal-foreground:           @foreground;
+    alternate-normal-background: @palette-bg1;
+    alternate-normal-foreground: @foreground;
+    selected-normal-background:  @palette-highlight;
+    selected-normal-foreground:  @palette-fg0;
+
+    /* Active window colors */
+    active-background:           @palette-active;
+    active-foreground:           @normal-foreground;
+    alternate-active-background: @alternate-normal-background;
+    alternate-active-foreground: @active-foreground;
+    selected-active-background:  @active-background;
+    selected-active-foreground:  @active-foreground;
+
+    /* Urgent colors */
+    urgent-background:           @background;
+    urgent-foreground:           @palette-warning;
+    alternate-urgent-background: @alternate-normal-background;
+    alternate-urgent-foreground: @urgent-foreground;
+    selected-urgent-background:  @urgent-foreground;
+    selected-urgent-foreground:  @normal-background;
+
+    /* Other colors */
+    border-color:                @palette-highlight;
+    separatorcolor:              @border-color;
+    scrollbar-handle:            @palette-highlight;
+}
+
+window {
+    background-color:             @background-color;
+    children:                     [mainbox];
+    width: 80%;
+    anchor: center;
+    location: center;
+}
+
+mainbox {
+    border:      0;
+    orientation: vertical;
+    children:    [ entry, message, listview, mode-switcher ];
+}
+
+entry {
+    expand:     false;
+    text-color: @normal-foreground;
+    /* Padding between 2 lines */
+    padding:      10px 0px 10px 10px;
+    border:       0 0 2px;
+    border-color: @palette-highlight;
+    margin:       10px;
+}
+
+sidebar {
+    expand: false;
+}
+
+/* Message box */
+textbox {
+    horizontal-align:  0;
+    background-color:  @palette-highlight;
+    padding:           10px 20px 10px 20px;
+    text-color:        @palette-fg0;
+}
+
+listview {
+    border:        0px 0px 0px ;
+    border-color:  @palette-highlight;
+    padding:       0px 0px 5px 0px;
+    scrollbar:     @scrollbar;
+    lines: 12;
+    columns: 2;
+}
+
+
+mode-switcher {
+    border:       3px 0px 0px 0px;
+    border-color: @palette-highlight;
+}
+
+button { 
+    padding: 5px; 
+}
+
+#button.selected {
+    background-color: @selected-normal-background;
+    text-color:       @selected-normal-foreground;
+}
+
+#element {
+    border:  0;
+    padding: 3px 10px 3px 10px ;
+}
+
+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: @palette-highlight;
+    text-color:       @alternate-active-foreground;
+}
+
+element.alternate.normal {
+    background-color: @normal-background;
+    text-color:       @normal-foreground;
+}
+
+element.alternate.urgent {
+    background-color: @urgent-background;
+    text-color:       @urgent-foreground;
+}
+
+element.alternate.active {
+    background-color: @active-background;
+    text-color:       @active-foreground;
+}
+
+inputbar {
+    spacing:    0;
+    text-color: @normal-foreground;
+    padding:    2px;
+    children:   [ textbox-prompt-sep, entry, case-indicator ];
+}
+
+case-indicator,
+entry,
+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;
+}
+
+prompt {
+   padding:6px 9px;
+   background-color: @palette-highlight;
+}
+
+element-icon {
+    size: 18;
+}

themes/aniwrapper-monokai.rasi

@@ -0,0 +1,147 @@
+/**
+ * ROFI Color theme
+ * User: milouse, sudacode
+ * Copyright: Étienne Deparis
+ */
+
+* {
+    selected-normal-foreground:  rgba ( 248, 248, 242, 100 % );
+    foreground:                  rgba ( 248, 248, 242, 100 % );
+    normal-foreground:           @foreground;
+    alternate-normal-background: rgba ( 39, 40, 34, 0 % );
+    red:                         rgba ( 220, 50, 47, 100 % );
+    selected-urgent-foreground:  rgba ( 248, 248, 242, 100 % );
+    blue:                        rgba ( 38, 139, 210, 100 % );
+    urgent-foreground:           rgba ( 249, 38, 114, 100 % );
+    alternate-urgent-background: rgba ( 39, 40, 34, 0 % );
+    /* active-foreground:           rgba ( 166, 226, 42, 100 % ); */
+    active-foreground:           @blue;
+    lightbg:                     rgba ( 238, 232, 213, 100 % );
+    selected-active-foreground:  rgba ( 166, 226, 42, 100 % );
+    alternate-active-background: rgba ( 39, 40, 34, 0 % );
+    background:                  rgba ( 39, 40, 34, 93 % );
+    bordercolor:                 rgba ( 0, 43, 54, 100 % );
+    alternate-normal-foreground: @foreground;
+    normal-background:           rgba ( 39, 40, 34, 0 % );
+    lightfg:                     rgba ( 88, 104, 117, 100 % );
+    selected-normal-background:  rgba ( 20, 20, 17, 100 % );
+    border-color:                @foreground;
+    spacing:                     2;
+    separatorcolor:              rgba ( 230, 219, 116, 100 % );
+    urgent-background:           rgba ( 39, 40, 34, 0 % );
+    selected-urgent-background:  rgba ( 249, 38, 114, 100 % );
+    alternate-urgent-foreground: @urgent-foreground;
+    background-color:            rgba ( 0, 0, 0, 0 % );
+    alternate-active-foreground: @active-foreground;
+    active-background:           rgba ( 39, 40, 34, 0 % );
+    selected-active-background:  rgba ( 20, 20, 17, 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-text {
+    background-color: inherit;
+    text-color:       inherit;
+}
+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;
+}
+mode-switcher {
+    border:       2px 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;
+}
+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;
+}