Update

.bashrc

@@ -16,9 +16,11 @@ alias h='dbus-launch Hyprland'
 alias fonts='fc-list -f "%{family}\n"'
 alias hypr='cd ~/.config/hypr/'
 alias tasks='bpytop'
-
+alias viruscheck='sudo clamscan -r /'
 export XDG_CURRENT_DESKTOP=Hyprland
+export OZONE_PLATFORM=wayland
+export ENABLE_FEATURES=UseOzonePlatform
 export NVM_DIR="$HOME/.nvm"
-
 [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
+alias eww='./eww'
 PS1='[\u@\h \W]\$ '

hypr/hyprland.conf

@@ -51,6 +51,8 @@ $menu = wofi --show drun
 exec-once = waybar
 exec-once = ~/.config/hypr/wallpaper.sh
 exec-once=dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
+
+exec-once = swaync
 #exec-once = gBar bar 0
 #############################
 ### ENVIRONMENT VARIABLES ###
@@ -65,7 +67,6 @@ env = HYPRCURSOR_SIZE,18
 #####################
 ### LOOK AND FEEL ###
 #####################
-
 # Refer to https://wiki.hyprland.org/Configuring/Variables/
 
 # https://wiki.hyprland.org/Configuring/Variables/#general
@@ -93,11 +94,14 @@ decoration {
         enabled = true
         size = 8
         passes = 3
-        new_optimizations = on
+        new_optimizations = yes
         ignore_opacity = true
         xray = true
         popups = true
-        #blurls = waybar
+        blurls = waybar
+        blurls = wofi
+        blurls = swaync-control-center
+        blurls = swaync-notification-window
     }
 
     shadow {
@@ -249,7 +253,8 @@ bindm = $mainMod, mouse:272, movewindow
 bind = ALT, TAB, exec, wlogout
 #bind = CTRL, ESCAPE, exec, gksu
 bind = ALT, w, exec, ~/.config/hypr/wallpaper.sh
-bind = ALT, a, exec, ~/.config/waybar/scripts/refresh.sh 
+bind = ALT, a, exec, ~/.config/waybar/refresh.sh 
+bind = ALT, r, exec, ~/.config/swaync/refresh.sh
 ##############################
 ### WINDOWS AND WORKSPACES ###
 ##############################
@@ -260,8 +265,26 @@ bind = ALT, a, exec, ~/.config/waybar/scripts/refresh.sh
 bind = $mainMod, M, exit,
 # Example windowrule v1
 #windowrule = float, ^(kitty)$
-
+#layerrule = blur, waybar
+#layerrule = blur, wofi
 # Example windowrule v2
-#windowrulev2 = float,class:^(kitty)$,title:^(kitty)$
 
+
+
+layerrule = blur, wofi
+layerrule = ignorezero, wofi
+layerrule = ignorealpha 0.5, wofi
+
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+layerrule = ignorealpha 0.5, waybar
+
+#Swaync
+layerrule = blur, swaync-control-center
+layerrule = blur, swaync-notification-window
+layerrule = ignorezero, swaync-control-center
+layerrule = ignorezero, swaync-notification-window
+layerrule = ignorealpha 0.5, swaync-control-center
+layerrule = ignorealpha 0.5, swaync-notification-window
+#windowrulev2 = float,class:^(kitty)$,title:^(kitty)$
 windowrulev2 = suppressevent maximize, class:.* # You'll probably like this.

hypr/hyprpaper.conf

@@ -1,4 +1,3 @@
-# Preload and set wallpaper
 preload = ~/wallpapers/Monochrome/lock.jpg
 wallpaper = , ~/wallpapers/Monochrome/lock.jpg
 

hypr/wallpaper.sh

@@ -1,13 +1,8 @@
 #!/bin/bash
-hyprpaper
+systemctl --user enable --now hyprpaper.service
-# Directory containing your wallpaper images
+WALLPAPER_DIR="/home/eli/wallpapers/walls"
-WALLPAPER_DIR="/home/eli/wallpapers/Monochrome"
+SPECIFIC_IMAGE=$(find "$WALLPAPER_DIR" -type f \( -iname "*.jpg" -o -iname "*.png" -o -iname "*.jpeg" \) | shuf -n 1)
-
-# Pick a random image from the folder
-RANDOM_IMAGE=$(find "$WALLPAPER_DIR" -type f \( -iname "*.jpg" -o -iname "*.png" -o -iname "*.jpeg" \) | shuf -n 1)
-
-# Apply the wallpaper
 hyprctl hyprpaper unload all
-hyprctl hyprpaper preload "$RANDOM_IMAGE"
+hyprctl hyprpaper preload "$SPECIFIC_IMAGE"
-hyprctl hyprpaper wallpaper ",$RANDOM_IMAGE"
+hyprctl hyprpaper wallpaper ",$SPECIFIC_IMAGE"
 

myscripts/screenshot.sh

@@ -1 +0,0 @@
-grim -g "$(slurp)" - | wl-copy

readme.md

@@ -1,7 +1,7 @@
 # Eli Fouts Dotfiles
 This countains My **Arch** Linux Dotfiles for a clean looking lightweight settup.
 ## Things To Download
-Using **Pacman** and **Yay** you can download the packages below.
+Using **Pacman**, **Git** and **Yay** you can download the packages below.
 ```txt
 git
 swaylock-effects-git
@@ -29,4 +29,5 @@ discord
 firefox
 spotify
 pacman-contrib
+swaync
 ```

swaync/config.json

@@ -0,0 +1,117 @@
+{
+    "$schema": "/etc/xdg/swaync/configSchema.json",
+    "positionX": "left",
+    "positionY": "top",
+    "layer": "overlay",
+    "control-center-layer": "top",
+    "layer-shell": true,
+    "cssPriority": "application",
+    "control-center-width": 350,
+    "control-center-margin-top": 10,
+    "control-center-margin-bottom": 10,
+    "control-center-margin-right": 0,
+    "control-center-margin-left": 0,
+    "notification-2fa-action": true,
+    "notification-inline-replies": true,
+    "notification-window-width": 350,
+    "notification-icon-size": 60,
+    "notification-body-image-height":  180,
+    "notification-body-image-width": 180,
+    "timeout": 12,
+    "timeout-low": 6,
+    "timeout-critical": 1,
+    "fit-to-screen": true,
+    "keyboard-shortcuts": true,
+    "image-visibility": "when available",
+    "transition-time": 200,
+    "hide-on-clear": false,
+    "hide-on-action": true,
+    "script-fail-notify": true,
+    "widgets": [
+        "mpris",
+        "title",
+        "notifications",
+        "volume",
+        "backlight",
+        "buttons-grid"
+    ],
+    "widget-config": {
+        "title": {
+            "text": "Notification Center",
+            "clear-all-button": true,
+            "button-text": "󰆴"
+        },
+        "label": {
+            "max-lines":1,
+            "text": "Notification Center!"
+        },
+
+        "mpris": {
+            "image-size": 80,
+            "image-radius": 0
+        },
+        "volume": {
+            "label": "󰕾 "
+        },
+        "backlight": {
+            "label": "󰃟 "
+        },
+        "buttons-grid": {
+            "actions": [
+                {
+                    "label": "󰝟",
+                    "command": "pactl set-sink-mute @DEFAULT_SINK@ toggle",
+                    "type": "toggle"
+                },
+                {
+                    "label": "󰍭",
+                    "command": "pactl set-source-mute @DEFAULT_SOURCE@ toggle",
+                    "type": "toggle"
+                },
+
+                {
+                    "label": "",
+                    "command": "kitty nmtui"
+                },
+                {
+                    "label": "",
+                    "command": "blueman-manager"
+                },
+                {
+                    "label":"󰤄",
+                    "command": "swaync-client -d",
+                    "type":"toggle"
+                },
+
+                {
+                    "label": "󰀟",
+                    "command": "gnome-network-displays"
+                },
+
+                {
+                    "label": "",
+                    "command": "kitty nvim /home/eli/Documents/mylist.txt"
+                },
+                {
+                    "label": "",
+                    "command": "kitty nvim /home/eli/.config/hypr/hyprland.conf"
+                    
+                },
+                {
+                    "label": "",
+                    "command": "swaylock"
+                },
+                {
+                    "label":"",
+                    "command": "reboot"
+                },
+                {
+                    "label":"",
+                    "command": "shutdown now"
+                }
+
+            ]
+        }
+    }
+}
+

swaync/refresh.sh

@@ -0,0 +1,2 @@
+pkill swaync
+swaync

swaync/style.css

@@ -0,0 +1,355 @@
+
+@define-color mpris-album-art-overlay rgba(0, 0, 0, 0.55);
+@define-color mpris-button-hover rgba(0, 0, 0, 0.50);
+@define-color text rgb(255, 255, 255);
+@define-color bg rgba(50,50,50,.5);
+@define-color bg-hover rgba(50,50,50,.8);
+@define-color mycolor #4d7b97;
+@define-color border-color alpha(@mycolor, 0.15);
+
+@keyframes fadeIn{
+0% {
+    padding-left:20;
+    margin-left:50;
+    margin-right:50;
+}
+100% {
+    padding:0;
+    margin:0;
+}
+}
+* {
+    outline:none;
+}
+.control-center .notification-row {
+    background-color: unset;
+}
+.control-center .notification-row .notification-background .notification,
+.control-center .notification-row .notification-background .notification .notification-content,
+.floating-notifications .notification-row .notification-background .notification,
+.floating-notifications.background .notification-background .notification .notification-content {
+}
+.notification{
+    background: alpha(@mycolor,.5);
+
+}
+
+.control-center .notification-row .notification-background .notification {
+    margin-top: 0.150rem;
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
+    background: alpha(@mycolor,.3);
+
+}
+.floating-notifications .notification{
+    animation: fadeIn .5s ease-in-out;
+}
+
+.control-center .notification-row .notification-background .notification box,
+.control-center .notification-row .notification-background .notification widget,
+.control-center .notification-row .notification-background .notification .notification-content,
+.floating-notifications .notification-row .notification-background .notification box,
+.floating-notifications .notification-row .notification-background .notification widget,
+.floating-notifications.background .notification-background .notification .notification-content {
+    border-radius: 0.818rem;
+
+}
+.notification widget:hover{
+    background:alpha(@mycolor,.2);
+}
+.floating-notifications.background .notification-background .notification .notification-content,
+.control-center .notification-background .notification .notification-content {
+    padding-top: 0.818rem;
+    padding-right: unset;
+    margin-right: unset;
+}
+
+.control-center .notification-row .notification-background .notification.low .notification-content label,
+.control-center .notification-row .notification-background .notification.normal .notification-content label,
+.floating-notifications.background .notification-background .notification.low .notification-content label,
+.floating-notifications.background .notification-background .notification.normal .notification-content label {
+    padding-top:10px;
+    padding-left:10px;
+    padding-right:10px;
+}
+
+.control-center .notification-row .notification-background .notification..notification-content image,
+.control-center .notification-row .notification-background .notification.normal .notification-content image,
+.floating-notifications.background .notification-background .notification.low .notification-content image,
+.floating-notifications.background .notification-background .notification.normal .notification-content image {
+    background-color: unset;
+}
+
+.control-center .notification-row .notification-background .notification.low .notification-content .body,
+.control-center .notification-row .notification-background .notification.normal .notification-content .body,
+.floating-notifications.background .notification-background .notification.low .notification-content .body,
+.floating-notifications.background .notification-background .notification.normal .notification-content .body {
+    color: @text;
+}
+
+.control-center .notification-row .notification-background .notification.critical .notification-content,
+.floating-notifications.background .notification-background .notification.critical .notification-content {
+    background-color: #ffb4a9;
+
+}
+
+.control-center .notification-row .notification-background .notification.critical .notification-content image,
+.floating-notifications.background .notification-background .notification.critical .notification-content image{
+    background-color: unset;
+    color: #ffb4a9;
+
+}
+
+.control-center .notification-row .notification-background .notification.critical .notification-content label,
+.floating-notifications.background .notification-background .notification.critical .notification-content label {
+    color: #680003;
+
+}
+.notification-content{
+    padding:5;
+}
+.control-center .notification-row .notification-background .notification .notification-content .summary,
+.floating-notifications.background .notification-background .notification .notification-content .summary {
+    font-family: 'CodeNewRoman Nerd Font Propo';
+    font-size: 0.9909rem;
+    font-weight: 500;
+}
+
+.control-center .notification-row .notification-background .notification .notification-content .time,
+.floating-notifications.background .notification-background .notification .notification-content .time {
+    font-size: 0.8291rem;
+    font-weight: 500;
+    margin-right: 1rem;
+    padding-right: unset;
+}
+
+.control-center .notification-row .notification-background .notification .notification-content .body,
+.floating-notifications.background .notification-background .notification .notification-content .body {
+    font-family: 'CodeNewRoman Nerd Font Propo';
+    font-size: 0.8891rem;
+    font-weight: 400;
+    margin-top: 0.310rem;
+    padding-right: unset;
+    margin-right: unset;
+}
+
+.control-center .notification-row .close-button,
+.floating-notifications.background .close-button {
+    all:unset;
+    background-color: unset;
+    border-radius: 0%;
+    border: none;
+    box-shadow: none;
+    margin-right: 0px;
+    margin-top: 3px;
+    margin-bottom: unset;
+    padding-bottom: unset;
+    min-height: 20px;
+    min-width: 20px;
+    text-shadow: none;
+    color:@text;
+}
+
+.control-center .notification-row .close-button:hover,
+.floating-notifications.background .close-button:hover {
+    all:unset;
+    background-color: @bg;
+    border-radius: 100%;
+    border: none;
+    box-shadow: none;
+    margin-right: 0px;
+    margin-top: 3px;
+    margin-bottom: unset;
+    padding-bottom: unset;
+    min-height: 20px;
+    min-width: 20px;
+    text-shadow: none;
+    color:@text;
+
+}
+
+.control-center {
+    background: @bg;
+    color: @text;
+    border-radius: 10px;
+    border:none;
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, .65);
+}
+.widget-title {
+    padding:unset;
+    margin:unset;
+    color: @text;
+    padding-left:20px;
+}
+
+.widget-title > button {
+    padding:unset;
+    margin:unset;
+    font-size: initial;
+    color: @text;
+    text-shadow: none;
+    background: rgba(255,85,85,.3);
+    border: none;
+    box-shadow: none;
+    border-radius: 12px;
+    padding:0px 10px;
+    margin-right:20px;
+    margin-top:3px;
+    transition: all .7s ease;
+}
+
+.widget-title > button:hover {
+    border: none;
+    background: @bg-hover;
+    transition: all .7s ease;
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, .65);
+}
+
+.widget-label {
+    margin: 8px;
+}
+
+.widget-label > label {
+    font-size: 1.1rem;
+}
+
+.widget-mpris {
+}
+.widget-mpris .widget-mpris-player {
+    padding: 16px;
+    margin: 16px 20px;
+    background-color: @mpris-album-art-overlay;
+    border-radius: 12px;
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, .65);
+}
+.widget-mpris .widget-mpris-player button:hover {
+    all: unset;
+    background: @bg-hover;
+    text-shadow: none;
+    border-radius: 15px;
+    border: none; 
+    padding: 5px; 
+    margin: 5px;
+    transition: all 0.5s ease; 
+}
+.widget-mpris .widget-mpris-player button {
+    color:@text;
+    text-shadow: none;
+    border-radius: 15px;
+    border: none;
+    padding: 5px;
+    margin: 5px;
+    transition: all 0.5s ease;
+}
+.widget-mpris .widget-mpris-player button:not(.selected) {
+    background: transparent;
+    border: 2px solid transparent;
+}
+.widget-mpris .widget-mpris-player button:hover {
+    border: 2px solid transparent;
+}
+
+.widget-mpris .widget-mpris-player .widget-mpris-album-art {
+    border-radius: 20px;
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
+}
+
+.widget-mpris .widget-mpris-player .widget-mpris-title {
+    font-weight: bold;
+    font-size: 1.25rem;
+}
+
+.widget-mpris .widget-mpris-player .widget-mpris-subtitle {
+    font-size: 1.1rem;
+}
+
+.widget-mpris .widget-mpris-player > box > button:hover {
+    background-color: @mpris-button-hover;
+}
+.widget-buttons-grid {
+    font-family:"CodeNewRoman Nerd Font Propo";
+    padding-left: 8px;
+    padding-right: 8px;
+    padding-bottom: 8px;
+    margin: 10px;
+    border-radius: 12px;
+    background:transparent;
+}
+
+.widget-buttons-grid>flowbox>flowboxchild>button label {
+    font-size: 20px;
+    color: @text;
+    transition: all .7s ease;
+}
+.widget-buttons-grid>flowbox>flowboxchild>button:hover label {
+    font-size: 20px;
+    color: #000000;
+    transition: all .7s ease;
+}
+.widget-buttons-grid > flowbox > flowboxchild > button {
+    background: transparent;
+    border-radius: 12px;
+    text-shadow:none;
+    box-shadow: 0px 0px 8px rgba(255,255,255, .02);
+    transition: all .5s ease;
+}
+.widget-buttons-grid > flowbox > flowboxchild > button:hover {
+    background: rgb(100,100,100);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
+    transition: all .5s ease;
+
+}
+
+.widget-buttons-grid > flowbox > flowboxchild > button.toggle:checked {
+    background: alpha(@mycolor,.5);
+}
+
+.widget-menubar > box > .menu-button-bar > button {
+    border: none;
+    background: transparent;
+}
+
+.topbar-buttons > button {
+    border: none;
+    background: transparent;
+}
+
+trough {
+    border-radius: 20px;
+    background: transparent;
+}
+
+trough highlight {
+    padding: 5px;
+    background: alpha(@mycolor,.5);
+    border-radius: 20px;
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
+    transition: all .7s ease;
+}
+trough highlight:hover {
+    padding: 5px;
+    background: alpha(@mycolor,.5);
+    border-radius: 20px;
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
+    transition: all .7s ease;
+}
+
+trough slider {
+    background: transparent;
+}
+trough slider:hover {
+    background: transparent;
+}
+
+.widget-volume {
+    background-color: transparent;
+    padding: 8px;
+    margin: 8px;
+    border-radius: 12px;
+}
+.widget-backlight {
+    background-color: transparent;
+    padding: 8px;
+    margin: 8px;
+    border-radius: 12px;
+}
+

wallpapers/somewalls/.wallpapers_list

@@ -0,0 +1 @@
+/home/eli/wallpapers/walls/Anime Original 5120 x 2880.jpg /home/eli/wallpapers/walls/Chainsaw Man 5120 x 3840.png /home/eli/wallpapers/walls/IMG_2543.png /home/eli/wallpapers/walls/IMG_2551.JPG /home/eli/wallpapers/walls/IMG_2558.JPG /home/eli/wallpapers/walls/Omoide no Marnie 2048 x 1226.png /home/eli/wallpapers/walls/Orange.jpg /home/eli/wallpapers/walls/annie-spratt-7Vfvelvd4us-unsplash.jpg /home/eli/wallpapers/walls/berries.jpg /home/eli/wallpapers/walls/berries.png /home/eli/wallpapers/walls/bloom.jpg /home/eli/wallpapers/walls/bush.jpg /home/eli/wallpapers/walls/cabin.jpg /home/eli/wallpapers/walls/ceyda-ciftci.jpg /home/eli/wallpapers/walls/coffee_cherries.jpg /home/eli/wallpapers/walls/ferns-green.jpg /home/eli/wallpapers/walls/flowers-2.jpg /home/eli/wallpapers/walls/flowers.png /home/eli/wallpapers/walls/ghibli-japanese-walled-garden.png /home/eli/wallpapers/walls/image39.png /home/eli/wallpapers/walls/leaves.png /home/eli/wallpapers/walls/my-neighbor-totoro-sunflowers.png /home/eli/wallpapers/walls/nature.jpg /home/eli/wallpapers/walls/plant1.png /home/eli/wallpapers/walls/shibainu.jpeg /home/eli/wallpapers/walls/stairs.jpg /home/eli/wallpapers/walls/teapot-2.jpg /home/eli/wallpapers/walls/tree-house.png /home/eli/wallpapers/walls/wallhaven-4xeqwz.jpg /home/eli/wallpapers/walls/wallhaven-5w5z19.jpg /home/eli/wallpapers/walls/wallhaven-gjvxdd.jpg /home/eli/wallpapers/walls/wallhaven-pk517j.jpg /home/eli/wallpapers/walls/wallhaven-r78q1m.jpg /home/eli/wallpapers/walls/wp11031060-2590091791.jpg /home/eli/wallpapers/walls/asdgpihsgh.jpg /home/eli/wallpapers/walls/fsdfsff.png /home/eli/wallpapers/walls/5_6307302552421537100.png

wofi/style.css

@@ -7,17 +7,18 @@
     font-family: 'CodeNewRoman Nerd Font Mono', monospace;
     font-size: 17px;
     outline: none;
+    border: none;
 }
 
-/* Window */
 window {
+    all:unset;
     padding: 20px;
     border: 0.1em solid @lavender;
-    border-radius: 0.5em;
+    border-radius: 10px;
-    background-color: rgba(35,35,30,.92);
+    background-color: rgba(50,50,50,.5);
-    animation: fadeIn .3s ease-in-out;
+    animation: fadeIn .5s ease-in-out;
+    margin:5;
 }
-
 /* Slide In */
 @keyframes slideIn {
     0% {
@@ -30,25 +31,30 @@ window {
 
 /* Inner Box */
 #inner-box {
-    margin: 5px;
+    margin: 2px;
     padding: 5px;
     border: none;
     background-color: @base;
-    animation: fadeIn .5s ease-in-out;
+    animation: slideIn 1s ease-in-out;
+
 }
 
 /* Fade In */
-@keyframes fadeIn {
+@keyframes fadeIn{
     0% {
-        opacity: 0;
+        border-radius: 100px;
     }
     100% {
-        opacity: 1;
+        border-radius: 10px;
     }
 }
 
+
+
+
 /* Outer Box */
 #outer-box {    
+    border-radius: .5em;
     border: none
     background-color: @base;
 }
@@ -64,13 +70,18 @@ window {
 
 /* Input */
 #input {
-    margin: 5px 20px;
+    all:unset;
-    padding: 10px;
+    margin-left:20px;
+    margin-right:20px;
+    margin-top:20px;
+    padding: 20px;
     border: none;
     outline: none;
     color: @text;
     background-color: @base;
-    animation: fadeIn 1s ease-in-out;
+    animation: slideIn 1s ease-in-out;
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
+    border-radius:10;
 }
 
 #input image {
@@ -80,13 +91,14 @@ window {
 }
 
 #input * {
-    border: none;
+    border: none;    border: none;
     outline: none;
 }
 #input:focus {
     outline: none;
     border: none;
-    box-shadow: none;
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
+    border-radius:10;
 }
 
 #text {
@@ -109,8 +121,9 @@ window {
 
 /* Selected Entry */
 #entry:selected {
-    border: 0.1em solid @lavender;
+    box-shadow: 1px 1px 5px rgba(255,255,255, .03);
-    border-radius: .5em;
+    border: none;
+    border-radius:20;
 }
 
 #entry:selected #text {