Update .config/sway/config

Update .config/waybar/config.jsonc
Update .config/waybar/style.css

private_dot_config/sway/config

@@ -20,6 +20,8 @@ set $term foot
 set $menu rofi -show combi
 set $windowsearch rofi -show window
 
+set $wallpaper ~/Pictures/Wallpapers/space.png
+
 input * xkb_numlock enabled
 default_border pixel
 
@@ -40,7 +42,9 @@ bindsym XF86AudioPrev exec playerctl previous
 #
 # Default wallpaper (more resolutions are available in /usr/share/backgrounds/sway/)
 #output * bg /usr/share/backgrounds/sway/Sway_Wallpaper_Blue_1920x1080.png fill
-output * bg ~/Pictures/Wallpapers/space.png fill
+output * bg $wallpaper fill
+exec_always matugen image $wallpaper --mode "dark"
+
 #
 # Example configuration:
 #

private_dot_config/waybar/config.jsonc

@@ -6,6 +6,7 @@
         //"height": 30, // Waybar height (to be removed for auto height)
         // "width": 1280, // Waybar width
         "spacing": 4, // Gaps between modules (4px)
+        "reload_style_on_change":true,
         // Choose the order of the modules
         "modules-left": [
             "group/datetime",

private_dot_config/waybar/style.css

@@ -3,14 +3,17 @@
     /* font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; */
     font-family: JetBrainsMono Nerd Font, FontAwesome;
     font-size: 14px;
+    font-weight: 500;
 }
 
-@define-color primary_color #8BD0F0;
-@define-color secondary_color #393e46;
+/* @define-color primary_color #8BD0F0;
+@define-color secondary_color #393e46; */
+
+@import "colors.css";
 
 window#waybar {
     background-color: rgba(0,0,0,0);
-    color: @primary_color;
+    color: @primary;
     transition-property: background-color;
     transition-duration: .5s;
 }
@@ -60,7 +63,7 @@ button:hover {
 .modules-center,
 .modules-right
 {
-    background: @secondary_color;
+    background: @primary_container;
     margin: 4px 10px;
     padding: 0 10px;
     border-radius: 15px;
@@ -144,7 +147,7 @@ button:hover {
 }
 
 #cava {
-    color: @primary_color;
+    color: @secondary;
     opacity: 0.3;
 }
 
@@ -168,5 +171,5 @@ button:hover {
 
 #tray > .needs-attention {
     -gtk-icon-effect: highlight;
-    background-color: #eb4d4b;
+    background-color: @error;
 }