Wallpaper Previews

config/hypr/scripts/WallpaperSelect.sh

@@ -23,13 +23,13 @@ RANDOM_PIC="${PICS[$((RANDOM % ${#PICS[@]}))]}"
 RANDOM_PIC_NAME="${#PICS[@]}. random"
 
 # Rofi command
-rofi_command="rofi -dmenu -config ~/.config/rofi/config-wallpaper.rasi"
+rofi_command="rofi -show -dmenu -config ~/.config/rofi/config-wallpaper.rasi"
 
 menu() {
   for i in "${!PICS[@]}"; do
     # Displaying .gif to indicate animated images
     if [[ -z $(echo "${PICS[$i]}" | grep .gif$) ]]; then
-      printf "$(echo "${PICS[$i]}" | cut -d. -f1)\n"
+      printf "$(echo "${PICS[$i]}" | cut -d. -f1)\x00icon\x1f${DIR}/${PICS[$i]}\n"
     else
       printf "${PICS[$i]}\n"
     fi

config/rofi/config-wallpaper.rasi

@@ -110,26 +110,26 @@ entry {
 
 /* ---- Listview ---- */
 listview {
-	enabled:					 true;
+	enabled:		true;
-	columns:					 2;
+	columns:		2;
-	lines:						 8;
+	lines:			3;
-	spacing:                     4px;
+	spacing:                4px;
-	dynamic:                     true;
+	dynamic:                true;
-	cycle:                       true;
+	cycle:                  true;
-	scrollbar:                   true;
+	scrollbar:              true;
-	layout:                      vertical;
+	layout:                 vertical;
-	reverse:                     false;
+	reverse:                false;
-	fixed-height:                true;
+	fixed-height:           true;
-	fixed-columns:               false;
+	fixed-columns:          false;
-	background-color:            transparent;
+	background-color:       transparent;
-	border-radius:             	 10px;
+	border-radius:          10px;
 }
 
 /* ---- Element ---- */
 element {
     enabled:                    true;
     padding:                    5px;
-    margin:                     2px;
+    margin:                     5px;
     cursor:                     pointer;
     background-color:         transparent;
     border-radius:              10px;
@@ -184,7 +184,7 @@ element alternate.active {
 element-icon {
     background-color:           transparent;
     text-color:                 inherit;
-    size:                       32px;
+    size:                       100px;
     cursor:                     inherit;
 }
 
@@ -199,19 +199,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           @background;
-    margin:						20px 0px 0px 0px;
+    margin:			20px 0px 0px 0px;
-    border-radius: 				10px;
+    border-radius: 		10px;
 }
 
 textbox {
-    padding:                    15px;
+    padding:               15px;
     background-color:      @background;
-    text-color:                 @foreground;
+    text-color:            @foreground;
 }
 
 error-message {
-    padding:                    15px;
+    padding:               15px;
-    border-radius:            20px;
+    border-radius:         20px;
     background-color:      @background;
-    text-color:                 @foreground;
+    text-color:            @foreground;
 }