✨ feat(hyprland): wallpaper switcher

using rofi and the browser-extended plugin to select a wallpaper for the system
also made a random wallpaper script for the start of the system

.config/hypr/keybinds/binds.conf

@@ -58,6 +58,9 @@ bind=SUPER, space, exec, wleave
 # Color picker
 bind=SUPER,Insert,exec,hyprpicker -a && notify-send -t 4000 "$(wl-paste)"
 
+# Wallpaper
+bind=SUPERSHIFT,w,exec, ~/.config/hypr/scripts/rofi/wallpaper_selection
+
 # Keybindings Cheatsheet
 bind=SUPER,i,exec, ~/.config/hypr/scripts/keybindings
 

.config/hypr/scripts/autostart

@@ -23,7 +23,7 @@ udiskie &
 devify &
 
 # Wallpaper
-$scripts/wallpaper &
+$scripts/random_wallpaper &
 
 # Idle daemon to screen lock
 /home/matt/.config/sway/idle.sh &

.config/hypr/scripts/random_wallpaper

@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+function load_wp() {
+    IMAGE=$(fd -e png -e jpg --base-directory "$HOME/.config/hypr/themes/luna/walls/" --type f . | shuf -n 1)
+    swww img --transition-type wipe --transition-pos top-right --transition-duration 3.8 --transition-step 255 $HOME/.config/hypr/themes/luna/walls/"$IMAGE"
+}
+
+swww init
+
+load_wp

.config/hypr/scripts/rofi/wallpaper_selection

@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+
+function load_wp() {
+    # IMAGE=$(fd -e png -e jpg --base-directory "$HOME/.config/hypr/themes/luna/walls/" --type f . | shuf -n 1)
+    IMAGE=$(rofi -show file-browser-extended -theme ~/.config/rofi/style.rasi -file-browser-stdout -file-browser-dir $HOME/.config/hypr/themes/luna/walls/)
+    swww img --transition-type wipe --transition-pos top-right --transition-duration 3.8 --transition-step 255 "$IMAGE"
+}
+
+swww init
+
+load_wp

.config/hypr/scripts/wallpaper

@@ -1,10 +0,0 @@
-#!/bin/sh
-
-# Change the path of the image to yours
-function load_wp(){
-    swww img --transition-type wipe --transition-pos top-right --transition-duration 3.8 --transition-step 255  ~/.config/wallpaper.png
-}
-
-swww init
-
-load_wp

.config/keyb/bindings/hyprland.yml

@@ -24,6 +24,8 @@
       key: Alt + Insert
     - name: Color Picker
       key: Win + Insert
+    - name: Wallpaper Picker
+      key: Win + Shift + W
     - name: Zoom
       key: Win + Z
     - name: Logout Menu

.config/rofi/config.rasi

@@ -1,6 +1,6 @@
 configuration {
 	/*---------- General setting ----------*/
-	modi: "drun,run,filebrowser,window";
+	modi: "drun,run,file-browser-extended,window";
 	case-sensitive: false;
 	cycle: true;
 	filter: "";

.config/rofi/style.rasi

@@ -1,6 +1,6 @@
 /*****----- Configuration -----*****/
 configuration {
-	modi:                       "drun,filebrowser,window";
+	modi:                       "drun,file-browser-extended,window";
     show-icons:                 true;
     display-drun:               "Apps";
     display-run:                "Run";
@@ -24,8 +24,8 @@ window {
     anchor:                      center;
     fullscreen:                  false;
     border:                      2px;
-    border-radius:               15px;
-    border-color:                #B7BDF87F;
+    border-radius:               10px;
+    border-color:                #B7BDF869;
     width:                       500px;
     x-offset:                    0px;
     y-offset:                    0px;
@@ -34,7 +34,7 @@ window {
     enabled:                     true;
     margin:                      0px;
     padding:                     0px;
-    border-radius:               20px;
+    border-radius:               10px;
     cursor:                      "default";
     background-color:            #24273A;
 }
@@ -110,7 +110,7 @@ element {
     margin:                      0px;
     padding:                     10px;
     border:                      0px solid;
-    border-radius:               15px;
+    border-radius:               10px;
     background-color:            transparent;
     text-color:                  #CAD3F5;
     cursor:                      pointer;
@@ -120,7 +120,7 @@ element normal.active {
     text-color:                  #CAD3F5;
 }
 element selected.normal {
-    border-radius:               15px;
+    border-radius:               10px;
     background-image:            linear-gradient(to right, #363A4F, #B7BDF89F);
     text-color:                  #CAD3F5;
 }
@@ -151,7 +151,7 @@ mode-switcher{
 button {
     font:                        "JetBrains Mono Nerd Font 10";
     padding:                     10px;
-    border-radius:               100%;
+    border-radius:               10px;
     background-image:            linear-gradient(#939ab7);
     text-color:                  #24273A;
     cursor:                      pointer;
@@ -169,7 +169,7 @@ error-message {
 }
 textbox {
     padding:                     0px;
-    border-radius:               0px;
+    border-radius:               10px;
     text-color:                  #CAD3F5;
     vertical-align:              0.5;
     horizontal-align:            0.0;