✨ feat(rofi): new launchers with overview images added

.config/ansible/roles/arch/packages/tasks/modules/gaming.yml

@@ -39,3 +39,4 @@
 
       # Others
       - adwsteamgtk
+      - rofi-games

.config/hypr/scripts/rofi/game_launcher

@@ -1,40 +0,0 @@
-#!/usr/bin/bash
-# Script taken out from here: https://github.com/prasanthrangan/hyprdots/blob/main/Configs/.config/hypr/scripts/gamelauncher.sh
-
-STEAM_LIB="$XDG_DATA_HOME/Steam/config/libraryfolders.vdf"
-STEAM_THUMB="$XDG_DATA_HOME/Steam/appcache/librarycache"
-
-if [ ! -f $STEAM_LIB ] || [ ! -d $STEAM_THUMB ]; then
-	notify-send "Steam Library Not Found!"
-fi
-
-# Check steam mount paths
-STEAM_PATHS=$(grep '"path"' "$STEAM_LIB" | awk -F '"' '{print $4}')
-MANIFEST_LIST=$(fd -t f -e acf appmanifest_ $STEAM_PATHS/steamapps/ 2>/dev/null)
-
-# Read intalled games
-GAME_LIST=$(echo "$MANIFEST_LIST" | while read acf; do
-	appid=$(grep '"appid"' $acf | cut -d '"' -f 4)
-	if [ -f ${STEAM_THUMB}/${appid}_library_600x900.jpg ]; then
-		game=$(grep '"name"' $acf | cut -d '"' -f 4)
-		echo "$game|$appid"
-	else
-		continue
-	fi
-done | sort)
-
-echo "$GAME_LIST"
-
-# Launch rofi menu
-ROFI_SEL=$(echo "$GAME_LIST" | while read acf; do
-	appid=$(echo $acf | cut -d '|' -f 2)
-	game=$(echo $acf | cut -d '|' -f 1)
-	echo -en "$game\x00icon\x1f${STEAM_THUMB}/${appid}_library_600x900.jpg\n"
-done | rofi -dmenu)
-
-# Launch game
-if [ ! -z "$ROFI_SEL" ]; then
-	LAUNCHID=$(echo "$GAME_LIST" | grep "$ROFI_SEL" | cut -d '|' -f 2)
-	steam -applaunch "${LAUNCHID}" &
-	notify-send "Launching ${ROFI_SEL}..." -i ${STEAM_THUMB}/${LAUNCHID}_library_600x900.jpg
-fi

.config/hypr/scripts/rofi/screenshots_selection

@@ -1,11 +0,0 @@
-#!/usr/bin/bash
-
-IMAGE_DIR="$HOME/Imagenes/Capturas/PC"
-
-SELECTION=$(find "$IMAGE_DIR" -type f -exec ls -t {} + | awk -F/ '{print $NF}' | rofi -dmenu)
-
-if command -v satty &>/dev/null; then
-	satty -f "$IMAGE_DIR/$SELECTION"
-else
-	xdg-open "$IMAGE_DIR/$SELECTION"
-fi

.config/hypr/scripts/wallpaper

@@ -1,28 +0,0 @@
-#!/usr/bin/bash
-
-mode=$1
-
-if [ "$mode" = "" ]; then
-	echo "Usage: $0 [select|random]"
-	exit 1
-fi
-
-if [ "$mode" == "select" ]; then
-	IMAGE=$(fd --base-directory "$HOME/.config/hypr/themes/luna/walls/" --type f . | rofi -dmenu)
-
-	if [ "$IMAGE" = "" ]; then
-		exit 1
-	fi
-elif [ "$mode" == "random" ]; then
-	IMAGE=$(fd --base-directory "$HOME/.config/hypr/themes/luna/walls/" --type f . | shuf -n 1)
-else
-	exit 1
-fi
-
-swww img "$HOME/.config/hypr/themes/luna/walls/$IMAGE" \
-	--transition-bezier 0.5,1.19,.8,.4 \
-	--transition-type wipe \
-	--transition-duration 2 \
-	--transition-fps 75
-
-notify-send "Wallpaper Changed" -i "$HOME/.config/hypr/themes/luna/walls/$IMAGE"

.config/pacman/aur-packages.txt

@@ -37,6 +37,7 @@ pyprland 2.3.2-2
 qt5-styleplugins 5.0.0.20170311-35
 rar 7.01-1
 reflector-pacman-hook-git r87.eec94bd-1
+rofi-games v1.9.1.r0.g95654f7-1
 rpcs3-bin 0.0.32-1
 ryujinx-bin 1.1.1315-1
 satty 0.12.0-1

.config/rofi/.github/README.md

@@ -1,3 +1,40 @@
 <div align="center">
 <a href=""><img src="./title.png"></a>
 </div>
+
+<div align="center">
+
+<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/palette/macchiato.png" width="80%"/><br>
+
+</div>
+
+<div align="center">
+
+<a href="#herb--about"><img width="190px" src="../../../.github/assets/category-images/dotfiles-about.png"></a>
+<a href="#gear--config"><img width="190px" src="../../../.github/assets/category-images/dotfiles-config.png"></a>
+<a href="#camera--gallery"><img width="190px" src="../../../.github/assets/category-images/dotfiles-gallery.png"></a>
+<a href="#keyboard--binds"><img width="190px" src="../../../.github/assets/category-images/dotfiles-binds.png"></a>
+
+</div>
+
+# :camera: ‎ <samp>Gallery</samp>
+
+| **Applications**                           |
+| ------------------------------------------ |
+| ![applications](./assets/applications.png) |
+
+| **Game Launcher**                            |
+| -------------------------------------------- |
+| ![game-launcher](./assets/game-launcher.png) |
+
+| **Powermenu**                        |
+| ------------------------------------ |
+| ![powermenu](./assets/powermenu.png) |
+
+| **Screenshots**                          |
+| ---------------------------------------- |
+| ![screenshots](./assets/screenshots.png) |
+
+| **Wallpapers**                         |
+| -------------------------------------- |
+| ![wallpapers](./assets/wallpapers.png) |

.config/rofi/config.rasi

@@ -1,26 +1,28 @@
 configuration {
-	/*---------- General setting ----------*/
+  // General Settings
   modi: "drun,run,filebrowser";
   case-sensitive: false;
   cycle: false;
   filter: "";
-	scroll-method: 1;
+  scroll-method: 0;
   normalize-match: true;
   show-icons: true;
   icon-theme: "Catppuccin-SE";
+  font: "JetBrainsMono Nerd Font 10";
   steal-focus: false;
+  hover-select: true;
 
-	/*---------- Matching setting ----------*/
+  // Matching setting
   matching: "normal";
   tokenize: true;
 
-	/*---------- SSH settings ----------*/
+  // SSH settings
   ssh-client: "ssh";
   ssh-command: "{terminal} -e {ssh-client} {host} [-p {port}]";
   parse-hosts: true;
   parse-known-hosts: true;
 
-	/*---------- Drun settings ----------*/
+  // Drun settings
   drun-categories: "";
   drun-match-fields: "name,generic,exec,categories,keywords";
   drun-display-format: "{name} [<span weight='light' size='small'><i>({generic})</i></span>]";
@@ -29,34 +31,34 @@ configuration {
   drun-use-desktop-cache: false;
   drun-reload-desktop-cache: false;
   drun {
-		/** Parse user desktop files. */
+    // Parse user desktop files.
     parse-user:   true;
-		/** Parse system desktop files. */
+    // Parse system desktop files.
     parse-system: true;
   }
 
-	/*---------- Run settings ----------*/
+  // Run settings
   run-command: "{cmd}";
   run-list-command: "";
   run-shell-command: "{terminal} -e {cmd}";
 
-	/*---------- Fallback Icon ----------*/
+  // Fallback Icon
   run,drun {
     fallback-icon: "application-x-addon";
   }
 
-	/*---------- Window switcher settings ----------*/
+  // Window switcher settings
   window-match-fields: "title,class,role,name,desktop";
   window-command: "wmctrl -i -R {window}";
   window-format: "{w} - {c} - {t:0}";
   window-thumbnail: false;
 
-	/*---------- History and Sorting ----------*/
+  // History and Sorting
   disable-history: false;
   sorting-method: "fzf";
   max-history-size: 25;
 
-	/*---------- Display setting ----------*/
+  // Display setting
   display-window: "Windows";
   display-windowcd: "Window CD";
   display-run: "Run";
@@ -66,19 +68,19 @@ configuration {
   display-keys: "Keys";
   display-filebrowser: "Files";
 
-	/*---------- Misc setting ----------*/
+  // Misc setting
   terminal: "rofi-sensible-terminal";
   sort: false;
   threads: 0;
   click-to-exit: true;
 
-	/*---------- File browser settings ----------*/
+  // File browser settings
   filebrowser {
     directories-first: true;
     sorting-method:    "name";
   }
 
-	/*---------- Other settings ----------*/
+  // Other settings
   timeout {
     action: "kb-cancel";
     delay:  0;

.config/rofi/scripts/game-launcher/style.rasi

@@ -0,0 +1,135 @@
+// Config
+configuration {
+  modi:                       "games";
+  show-icons:                 true;
+  drun-display-format:        "{name}";
+  font:                       "JetBrainsMono Nerd Font 9";
+}
+
+@theme "~/.config/rofi/theme/catppuccin-macchiato.rasi"
+
+// Main
+window {
+  enabled:                    true;
+  fullscreen:                 false;
+  width:                      90%;
+  transparency:               "real";
+  cursor:                     "default";
+  spacing:                    0px;
+  padding:                    0px;
+  border:                     2px;
+  border-radius:              10px;
+  border-color:               @accent;
+  background-color:           transparent;
+}
+
+mainbox {
+  enabled:                    true;
+  children:                   [ "inputbar-box", "listview" ];
+  background-color:           @background;
+}
+
+inputbar-box {
+  children:                   [ dummy, inputbar, dummy ];
+  orientation:                horizontal;
+  expand:                     false;
+  margin:                     20px 0px 0px 0px;
+  background-color:           transparent;
+}
+
+dummy {
+  expand:                     true;
+  background-color:           transparent;
+}
+
+inputbar {
+  enabled:                    true;
+  spacing:                    15px;
+  margin:                     0px;
+  background-color:           transparent;
+  children:                   [ "textbox-prompt-colon", "entry" ];
+}
+
+textbox-prompt-colon {
+  enabled:                    true;
+  expand:                     false;
+  padding:                    13px 12px 13px 16px;
+  border:                     0px;
+  border-radius:              7px;
+  border-color:               @border-tb;
+  background-color:           @background-tb;
+  text-color:                 @foreground;
+  str:                        " ";
+}
+
+entry {
+  enabled:                    true;
+  padding:                    12px 16px;
+  border:                     0px;
+  border-radius:              7px;
+  border-color:               @border-tb;
+  background-color:           @background-tb;
+  text-color:                 @foreground;
+  cursor:                     text;
+  placeholder:                "Search...";
+  placeholder-color:          inherit;
+  vertical-align:             0.5;
+  horizontal-align:           0.0;
+  width:                      10%;
+}
+
+// Lists
+listview {
+  enabled:                    true;
+  columns:                    10;
+  lines:                      1;
+  spacing:                    30px;
+  padding:                    20px 40px 40px 40px;
+  cycle:                      true;
+  dynamic:                    false;
+  scrollbar:                  false;
+  layout:                     vertical;
+  reverse:                    false;
+  fixed-height:               true;
+  fixed-columns:              true;
+  cursor:                     "default";
+  background-color:           transparent;
+  text-color:                 @foreground;
+}
+
+// Elements
+element {
+  enabled:                    true;
+  orientation:                vertical;
+  spacing:                    0px;
+  padding:                    5px;
+  border-radius:              15px;
+  cursor:                     pointer;
+  background-color:           transparent;
+  text-color:                 @foreground;
+}
+
+element selected.normal {
+  background-color:           @accent;
+  text-color:                 @foreground;
+}
+
+element-icon {
+  size:                       25%;
+  spacing:                    0px;
+  padding:                    10px;
+  cursor:                     inherit;
+  border-radius:              20px;
+  background-color:           transparent;
+  text-color:                 inherit;
+}
+
+element-text {
+  vertical-align:             0.5;
+  horizontal-align:           0.5;
+  spacing:                    0px;
+  padding:                    10px;
+  cursor:                     inherit;
+  background-color:           transparent;
+  text-color:                 inherit;
+}

.config/rofi/scripts/keybindings/keybindings

@@ -1,4 +1,4 @@
-#!/usr/bin/bash
+#!/bin/bash
 
 CONFIG=$(fd --base-directory "$HOME/.config/keyb/bindings" --type f . | rofi -dmenu)
 

.config/rofi/scripts/powermenu/powermenu

@@ -0,0 +1,80 @@
+#!/bin/bash
+
+# variables
+uptime="$(uptime -p | sed -e 's/up //g')"
+shutdown='󰤁'
+reboot='󰜉'
+lock=''
+suspend='󰤄'
+logout='󰍃'
+yes='󰸞'
+no='󱎘'
+
+rofi_cmd() {
+	rofi -dmenu \
+		-p "Uptime: $uptime" \
+		-mesg "Uptime: $uptime" \
+		-theme ~/.config/rofi/scripts/powermenu/style.rasi
+}
+
+confirm_cmd() {
+	rofi -theme-str 'window {location: center; anchor: center; fullscreen: false; width: 350px;}' \
+		-theme-str 'mainbox {children: [ "message", "listview" ];}' \
+		-theme-str 'listview {columns: 2; lines: 1;}' \
+		-theme-str 'element-text {horizontal-align: 0.5;}' \
+		-theme-str 'textbox {horizontal-align: 0.5;}' \
+		-dmenu \
+		-p 'Confirmation' \
+		-mesg 'Are you sure?' \
+		-theme ~/.config/rofi/scripts/powermenu/style.rasi
+}
+
+confirm_exit() {
+	echo -e "$yes\n$no" | confirm_cmd
+}
+
+run_rofi() {
+	echo -e "$lock\n$suspend\n$logout\n$reboot\n$shutdown" | rofi_cmd
+}
+
+# Execute Command
+run_cmd() {
+	selected="$(confirm_exit)"
+	if [[ "$selected" == "$yes" ]]; then
+		if [[ $1 == '--shutdown' ]]; then
+			systemctl poweroff
+		elif [[ $1 == '--reboot' ]]; then
+			systemctl reboot
+		elif [[ $1 == '--suspend' ]]; then
+			mpc -q pause
+			hyprlock
+			systemctl suspend
+		elif [[ $1 == '--logout' ]]; then
+			hyprctl dispatch exit
+		elif [[ $1 == '--lock' ]]; then
+			hyprlock
+		fi
+	else
+		exit 0
+	fi
+}
+
+# Actions
+chosen="$(run_rofi)"
+case ${chosen} in
+$shutdown)
+	run_cmd --shutdown
+	;;
+$reboot)
+	run_cmd --reboot
+	;;
+$lock)
+	run_cmd --lock
+	;;
+$suspend)
+	run_cmd --suspend
+	;;
+$logout)
+	run_cmd --logout
+	;;
+esac

.config/rofi/scripts/powermenu/style.rasi

@@ -0,0 +1,168 @@
+// Config
+configuration {
+  show-icons:                 false;
+  me-select-entry:            "";
+  me-accept-entry:            [ MousePrimary, MouseSecondary, MouseDPrimary ];
+}
+
+@theme "~/.config/rofi/theme/catppuccin-macchiato.rasi"
+
+// Main Window
+window {
+  transparency:                "real";
+  location:                    center;
+  anchor:                      center;
+  fullscreen:                  false;
+  width:                       450px;
+  x-offset:                    0px;
+  y-offset:                    0px;
+
+  enabled:                     true;
+  margin:                      0px;
+  padding:                     0px;
+  border:                      2px solid;
+  border-radius:               10px;
+  border-color:                @accent;
+  cursor:                      "default";
+  background-color:            @background;
+}
+
+// Main Box
+mainbox {
+  enabled:                     true;
+  spacing:                     15px;
+  margin:                      0px;
+  padding:                     30px;
+  border:                      0px solid;
+  border-radius:               5px;
+  border-color:                @selected;
+  background-color:            transparent;
+  children:                    [ "message", "listview" ];
+}
+
+// Inputbar
+inputbar {
+  enabled:                     false;
+  spacing:                     15px;
+  margin:                      0px;
+  padding:                     0px;
+  border:                      0px;
+  border-radius:               5px;
+  border-color:                @selected;
+  background-color:            transparent;
+  text-color:                  @foreground;
+  children:                    [ "textbox-prompt-colon", "prompt" ];
+}
+
+dummy {
+  background-color:            transparent;
+}
+
+textbox-prompt-colon {
+  font:                        "Symbols Nerd Font 12";
+  enabled:                     false;
+  expand:                      false;
+  str:                         "";
+  padding:                     0 14px;
+  border-radius:               10px;
+  border-color:                @urgent;
+  border:                      2px solid;
+  background-color:            @background;
+  text-color:                  @foreground;
+  vertical-align:              0.5;
+  horizontal-align:            0.5;
+}
+
+prompt {
+  enabled:                     false;
+  padding:                     12px;
+  border-radius:               10px;
+  border-color:                @active;
+  border:                      2px solid;
+  background-color:            @background;
+  text-color:                  @foreground;
+}
+
+// Message
+message {
+  enabled:                     false;
+  margin:                      0px;
+  padding:                     12px;
+  border:                      0px solid;
+  border-radius:               10px;
+  border-color:                @selected;
+  background-color:            @background-tb;
+  text-color:                  @foreground;
+}
+
+textbox {
+  background-color:            inherit;
+  text-color:                  inherit;
+  vertical-align:              0.5;
+  horizontal-align:            0.5;
+  placeholder-color:           @foreground;
+  blink:                       true;
+  markup:                      true;
+}
+
+error-message {
+  padding:                     12px;
+  border:                      0px solid;
+  border-radius:               10px;
+  border-color:                @selected;
+  background-color:            @background;
+  text-color:                  @foreground;
+}
+
+// Listview
+listview {
+  enabled:                     true;
+  columns:                     5;
+  lines:                       1;
+  cycle:                       true;
+  dynamic:                     true;
+  scrollbar:                   false;
+  layout:                      vertical;
+  reverse:                     false;
+  fixed-height:                true;
+  fixed-columns:               true;
+  spacing:                     15px;
+  margin:                      0px;
+  padding:                     0px;
+  border:                      0px solid;
+  border-radius:               0px;
+  border-color:                @selected;
+  background-color:            transparent;
+  text-color:                  @foreground;
+  cursor:                      "default";
+}
+
+// Elements
+element {
+  enabled:                     true;
+  spacing:                     0px;
+  margin:                      0px;
+  padding:                     10px;
+  border:                      0px solid;
+  border-radius:               10px;
+  border-color:                @accent;
+  background-color:            transparent;
+  text-color:                  @foreground;
+  cursor:                      pointer;
+}
+
+element-text {
+  font:                        "Symbols Nerd Font 24";
+  background-color:            transparent;
+  text-color:                  inherit;
+  cursor:                      inherit;
+  vertical-align:              0.5;
+  horizontal-align:            0.5;
+}
+
+element selected.normal {
+  background-color:            var(foreground);
+  border-color:                var(selected);
+  border:                      0px solid;
+  text-color:                  var(background);
+}

.config/rofi/scripts/screenshot/screenshot

@@ -0,0 +1,34 @@
+#!/bin/bash
+
+if [ "$1" = "--freeze" ]; then
+	extra_args="--freeze"
+fi
+
+# variables
+theme="$HOME/.config/rofi/scripts/screenshot/style.rasi"
+hyprshot="$HOME/.config/hypr/scripts/hyprshot"
+save_dir="$HOME/Imagenes/Capturas/PC"
+filename="captura-$(date +%Y-%m-%d-%s).png"
+command="$hyprshot -o $save_dir -f $filename $extra_args"
+
+# options to be displayed
+region="󰆞"
+output=""
+window=""
+folder=""
+
+selected="$(echo -e "$region\n$output\n$window\n$folder" | rofi -dmenu -theme "${theme}")"
+case $selected in
+$region)
+	$command -m region
+	;;
+$output)
+	$command -m output
+	;;
+$window)
+	$command -m window
+	;;
+$folder)
+	~/.config/rofi/scripts/screenshot/screenshot_selection
+	;;
+esac

.config/rofi/scripts/screenshot/screenshot_selection

@@ -0,0 +1,28 @@
+#!/bin/bash
+
+screenshots_dir="$HOME/Imagenes/Capturas/PC"
+theme="$HOME/.config/rofi/scripts/wallpaper/style.rasi"
+
+build_theme() {
+	rows=$1
+	cols=$2
+	icon_size=$3
+
+	echo "element{orientation:vertical;}element-text{horizontal-align:0.5;}element-icon{size:$icon_size.0000em;}listview{lines:$rows;columns:$cols;}"
+}
+
+rofi_cmd="rofi -dmenu -i -show-icons -theme-str $(build_theme 5 4 10) -theme ${theme}"
+
+choice=$(
+	ls -t --escape "$screenshots_dir" -p | grep -v / |
+		while read A; do echo -en "$A\x00icon\x1f$screenshots_dir/$A\n"; done |
+		$rofi_cmd
+)
+
+screenshot="$screenshots_dir/$choice"
+
+if command -v satty &>/dev/null; then
+	satty -f "$screenshot"
+else
+	xdg-open "$screenshot"
+fi

.config/rofi/scripts/screenshot/style.rasi

@@ -0,0 +1,168 @@
+// Config
+configuration {
+  show-icons:                 false;
+  me-select-entry:            "";
+  me-accept-entry:            [ MousePrimary, MouseSecondary, MouseDPrimary ];
+}
+
+@theme "~/.config/rofi/theme/catppuccin-macchiato.rasi"
+
+// Main Window
+window {
+  transparency:                "real";
+  location:                    center;
+  anchor:                      center;
+  fullscreen:                  false;
+  width:                       450px;
+  x-offset:                    0px;
+  y-offset:                    0px;
+
+  enabled:                     true;
+  margin:                      0px;
+  padding:                     0px;
+  border:                      2px solid;
+  border-radius:               10px;
+  border-color:                @accent;
+  cursor:                      "default";
+  background-color:            @background;
+}
+
+// Main Box
+mainbox {
+  enabled:                     true;
+  spacing:                     15px;
+  margin:                      0px;
+  padding:                     30px;
+  border:                      0px solid;
+  border-radius:               5px;
+  border-color:                @selected;
+  background-color:            transparent;
+  children:                    [ "message", "listview" ];
+}
+
+// Inputbar
+inputbar {
+  enabled:                     false;
+  spacing:                     15px;
+  margin:                      0px;
+  padding:                     0px;
+  border:                      0px;
+  border-radius:               5px;
+  border-color:                @selected;
+  background-color:            transparent;
+  text-color:                  @foreground;
+  children:                    [ "textbox-prompt-colon", "prompt" ];
+}
+
+dummy {
+  background-color:            transparent;
+}
+
+textbox-prompt-colon {
+  font:                        "Symbols Nerd Font 12";
+  enabled:                     false;
+  expand:                      false;
+  str:                         "";
+  padding:                     0 14px;
+  border-radius:               10px;
+  border-color:                @urgent;
+  border:                      2px solid;
+  background-color:            @background;
+  text-color:                  @foreground;
+  vertical-align:              0.5;
+  horizontal-align:            0.5;
+}
+
+prompt {
+  enabled:                     false;
+  padding:                     12px;
+  border-radius:               10px;
+  border-color:                @active;
+  border:                      2px solid;
+  background-color:            @background;
+  text-color:                  @foreground;
+}
+
+// Message
+message {
+  enabled:                     false;
+  margin:                      0px;
+  padding:                     12px;
+  border:                      0px solid;
+  border-radius:               10px;
+  border-color:                @selected;
+  background-color:            @background-tb;
+  text-color:                  @foreground;
+}
+
+textbox {
+  background-color:            inherit;
+  text-color:                  inherit;
+  vertical-align:              0.5;
+  horizontal-align:            0.5;
+  placeholder-color:           @foreground;
+  blink:                       true;
+  markup:                      true;
+}
+
+error-message {
+  padding:                     12px;
+  border:                      0px solid;
+  border-radius:               10px;
+  border-color:                @selected;
+  background-color:            @background;
+  text-color:                  @foreground;
+}
+
+// Listview
+listview {
+  enabled:                     true;
+  columns:                     4;
+  lines:                       1;
+  cycle:                       true;
+  dynamic:                     true;
+  scrollbar:                   false;
+  layout:                      vertical;
+  reverse:                     false;
+  fixed-height:                true;
+  fixed-columns:               true;
+  spacing:                     15px;
+  margin:                      0px;
+  padding:                     0px;
+  border:                      0px solid;
+  border-radius:               0px;
+  border-color:                @selected;
+  background-color:            transparent;
+  text-color:                  @foreground;
+  cursor:                      "default";
+}
+
+// Elements
+element {
+  enabled:                     true;
+  spacing:                     0px;
+  margin:                      0px;
+  padding:                     10px;
+  border:                      0px solid;
+  border-radius:               10px;
+  border-color:                @accent;
+  background-color:            transparent;
+  text-color:                  @foreground;
+  cursor:                      pointer;
+}
+
+element-text {
+  font:                        "Symbols Nerd Font 24";
+  background-color:            transparent;
+  text-color:                  inherit;
+  cursor:                      inherit;
+  vertical-align:              0.5;
+  horizontal-align:            0.5;
+}
+
+element selected.normal {
+  background-color:            var(foreground);
+  border-color:                var(selected);
+  border:                      0px solid;
+  text-color:                  var(background);
+}

.config/rofi/scripts/wallpaper/style.rasi

@@ -0,0 +1,7 @@
+@theme "~/.config/rofi/style.rasi"
+
+// Window
+window {
+  width:                       900px;
+  height:                      700px;
+}

.config/rofi/scripts/wallpaper/wallpaper

@@ -0,0 +1,31 @@
+#!/bin/bash
+
+wallpapers_dir="$HOME/.config/hypr/theme/walls/"
+
+build_theme() {
+	rows=$1
+	cols=$2
+	icon_size=$3
+
+	echo "element{orientation:vertical;}element-text{horizontal-align:0.5;}element-icon{size:$icon_size.0000em;}listview{lines:$rows;columns:$cols;}"
+}
+
+theme="$HOME/.config/rofi/scripts/wallpaper/style.rasi"
+
+rofi_cmd="rofi -dmenu -i -show-icons -theme-str $(build_theme 4 3 12) -theme ${theme}"
+
+choice=$(
+	ls --escape "$wallpapers_dir" |
+		while read A; do echo -en "$A\x00icon\x1f$wallpapers_dir/$A\n"; done |
+		$rofi_cmd
+)
+
+wallpaper="$wallpapers_dir/$choice"
+
+swww img "$wallpaper" \
+	--transition-bezier 0.5,1.19,.8,.4 \
+	--transition-type wipe \
+	--transition-duration 2 \
+	--transition-fps 75 && notify-send "Wallpaper Changed" -i "$wallpaper" --app-name=Wallpaper
+
+exit 1

.config/rofi/style.rasi

@@ -1,45 +1,39 @@
-/*****----- Configuration -----*****/
 configuration {
   modi:                       "drun,filebrowser";
   show-icons:                 true;
   display-drun:               "Apps";
   display-run:                "Run";
   display-filebrowser:        "Files";
-    display-file-browser-extended: "Files";
   display-window:             "Windows";
   drun-display-format:        "{name}\n[<span weight='light' size='small'><i>({generic})</i></span>]";
   window-format:              "Class : {c}\nWorkspace : {w}";
+  me-select-entry:            "";
+  me-accept-entry:            [ MousePrimary, MouseSecondary, MouseDPrimary ];
 }
 
-/*****----- Global Properties -----*****/
+@theme "~/.config/rofi/theme/catppuccin-macchiato.rasi"
-* {
-    font:                        "JetBrainsMono NF 10";
-}
 
-/*****----- Main Window -----*****/
+// Main Window
 window {
-    /* properties for window widget */
   location:                    center;
   anchor:                      center;
   fullscreen:                  false;
   border:                      2px;
   border-radius:               10px;
-    border-color:                #B7BDF869;
+  border-color:                @accent;
   width:                       500px;
   x-offset:                    0px;
   y-offset:                    0px;
-
-    /* properties for all widgets */
   enabled:                     true;
   margin:                      0px;
   padding:                     0px;
   border-radius:               10px;
   cursor:                      "default";
   transparency:                "real";
-    background-color:            #24273ACC;
+  background-color:            @background;
 }
 
-/*****----- Main Box -----*****/
+// Main Box
 mainbox {
   enabled:                     true;
   spacing:                     15px;
@@ -48,14 +42,13 @@ mainbox {
   children:                    [ "inputbar", "mode-switcher", "listview" ];
 }
 
-/*****----- Inputbar -----*****/
+// Inputbar
 inputbar {
   enabled:                     true;
   spacing:                     15px;
   margin:                      0px;
   background-color:            transparent;
   children:                    [ "textbox-prompt-colon", "entry" ];
-
 }
 
 textbox-prompt-colon {
@@ -64,28 +57,28 @@ textbox-prompt-colon {
   padding:                     13px 12px 13px 16px;
   border:                      0px;
   border-radius:               7px;
-    border-color:                #363A4F;
+  border-color:                @border-tb;
-    background-color:            #494d64;
+  background-color:            @background-tb;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
   str:                         " ";
 }
+
 entry {
   enabled:                     true;
   padding:                     12px 16px;
   border:                      0px;
   border-radius:               7px;
-    border-color:                #363A4F;
+  border-color:                @border-tb;
-    background-color:            #494d64;
+  background-color:            @background-tb;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
   cursor:                      text;
   placeholder:                 "Search...";
   placeholder-color:           inherit;
   vertical-align:              0.5;
   horizontal-align:            0.0;
-
 }
 
-/*****----- Listview -----*****/
+// Listview
 listview {
   enabled:                     true;
   columns:                     1;
@@ -97,13 +90,12 @@ listview {
   reverse:                     false;
   fixed-height:                true;
   fixed-columns:               true;
-
   spacing:                     10px;
   background-color:            transparent;
   cursor:                      "default";
 }
 
-/*****----- Elements -----*****/
+// Elements
 element {
   enabled:                     true;
   spacing:                     10px;
@@ -112,27 +104,32 @@ element {
   border:                      0px solid;
   border-radius:               7px;
   background-color:            transparent;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
   cursor:                      pointer;
 }
+
 element normal.active {
-    background-image:            linear-gradient(to right, #19B466, #7BF4B7);
+  background-image:            @active;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
 }
+
 element selected.normal {
   border-radius:               7px;
-    background-image:            linear-gradient(to right, #363A4F, #B7BDF89F);
+  background-image:            @selected;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
 }
+
 element selected.active {
-    background-image:            linear-gradient(to right, #EA5553, #EAACAB);
+  background-image:            @urgent;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
 }
+
 element-icon {
   background-color:            transparent;
   size:                        48px;
   cursor:                      inherit;
 }
+
 element-text {
   background-color:            inherit;
   text-color:                  inherit;
@@ -141,36 +138,38 @@ element-text {
   horizontal-align:            0.0;
 }
 
-/*****----- Mode Switcher -----*****/
+// Mode Switcher
-mode-switcher{
+mode-switcher {
   enabled:                     true;
   expand:                      false;
   spacing:                     15px;
   background-color:            transparent;
 }
+
 button {
-    font:                        "JetBrainsMono NF 10";
   padding:                     10px;
   border-radius:               7px;
-    background-image:            linear-gradient(#939ab7);
+  background-image:            @button;
-    text-color:                  #24273A;
+  text-color:                  @background;
   cursor:                      pointer;
 }
+
 button selected {
-    background-image:            linear-gradient(#B7BDF89F);
+  background-image:            @button-selected;
-    text-color:                  #24273A;
+  text-color:                  @background;
 }
 
-/*****----- Message -----*****/
+// Message
 error-message {
   padding:                     20px;
-    background-color:            #24273A;
+  background-color:            @background;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
 }
+
 textbox {
   padding:                     0px;
   border-radius:               7px;
-    text-color:                  #CAD3F5;
+  text-color:                  @foreground;
   vertical-align:              0.5;
   horizontal-align:            0.0;
 }

.config/rofi/theme/catppuccin-macchiato.rasi

@@ -0,0 +1,12 @@
+* {
+  background:       #24273ACC;
+  foreground:       #CAD3F5FF;
+  accent:           #B7BDF869;
+  background-tb:    #494D64FF;
+  border-tb:        #363A4FFF;
+  selected:         linear-gradient(to right, #363A4FFF, #B7BDF869);
+  button:           linear-gradient(#939AB7FF);
+  button-selected:  linear-gradient(#B7BDF869);
+  active:           linear-gradient(to right, #8BD5CAFF, #A6DA95FF);
+  urgent:           #ED8796FF;
+}