Adds pywal and adjusted styling

.config/waybar/ModulesCustom.json

@@ -136,10 +136,10 @@
 "custom/swaync": {
 	"tooltip": true,
 	"tooltip-format": "Left Click: Launch Notification Center\nRight Click: Do not Disturb",
-	"format": "{} {icon} ",
+	"format": "{icon} ",
 	"format-icons": {
 		"notification": "<span foreground='red'><sup></sup></span>",
-		"none": "",
+		"none": "",
 		"dnd-notification": "<span foreground='red'><sup></sup></span>",
 		"dnd-none": "",
 		"inhibited-notification": "<span foreground='red'><sup></sup></span>",

.config/waybar/config

@@ -26,9 +26,6 @@
   ],
 
   "modules-center": [
-    "custom/swaync",
-    "custom/cava_mviz",
-    "custom/separator#dot-line",
     "clock",
     "custom/separator#line",
     "hyprland/workspaces#rw",
@@ -39,9 +36,9 @@
     "group/laptop",
     "custom/separator#line",
     "tray",
-    "mpris", 
     "group/audio#pulsecontrol",
     "custom/separator#dot-line",
     "group/status",
+    "custom/swaync",
   ],
 }

.config/waybar/style.css

@@ -1,12 +1,7 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
 /* Simple Style */
 
-@define-color background #1d2021;
-@define-color foreground #ebdbb2;
-@define-color dim        #928374;
-@define-color yellow     #fabd2f;
-@define-color red        #fb4934;
-@define-color green      #b8bb26;
+@import "../../.cache/wal/colors-waybar.css";
 
 * {
 	font-family: "JetBrainsMono Nerd Font";
@@ -66,8 +61,7 @@ window#waybar {
 #tray,
 #window,
 #wireplumber,
-#workspaces,
-#custom-backlight,
+#workspaces, #custom-backlight,
 #custom-browser,
 #custom-cava_mviz,
 #custom-cycle_wall,
@@ -168,7 +162,7 @@ window#waybar {
 #pulseaudio-slider highlight {
 	min-height: 10px; 
 	border-radius: 5px;
-	background-color: @green;
+	background-color: @color3;
 }
 
 #backlight-slider slider {
@@ -184,12 +178,19 @@ window#waybar {
 	min-width: 80px;  
 	min-height: 10px; 
 	border-radius: 5px;
-	background-color: @dim;
+	background-color: @cursor;
 }
 	
 #backlight-slider highlight {
 	min-width: 10px; 
 	border-radius: 5px;
-	background-color: @green;
+	background-color: @color3;
 }
 
+#custom-swaync {
+  min-width: 1px;
+  border-right: 1px solid @cursor;
+}
+#custom-swaync:hover {
+  background-color: @cursor;
+}