Add systray to eww bar

modules/home-manager/eww/eww.scss

@@ -38,7 +38,7 @@ $rosewater: #f5e0dc;
   font-size: 12.0pt;
 }
 
-.sidestuff slider {
+.leftsidestuff slider {
   color: $sapphire;
 }
 

modules/home-manager/eww/eww.yuck

@@ -1,8 +1,9 @@
 (defwidget bar []
   (centerbox :orientation "h"
-    (sidestuff)
+    (leftsidestuff)
     (box)
-    (music)))
+    (rightsidestuff)
+    ))
 
 (defwindow bar0
   :monitor 0
@@ -30,14 +31,16 @@
     :anchor "bottom center")
   (bar))
 
-(defwidget sidestuff []
-  (box :class "sidestuff" :orientation "h" :space-evenly false :halign "start" :valign "center" :spacing 10
-    time
-    ; TODO: indicator/tray/taskbar/toolbar icons and management? (probably should use something standalone?)
-    ; https://github.com/elkowar/eww/issues/111
+(defwidget rightsidestuff []
+  (box :class "rightsidestuff" :orientation "h" :space-evenly false :halign "end" :valign "center" :spacing 10
+    (music)
+    (systray)
+  ))
 
+(defwidget leftsidestuff []
+  (box :class "leftsidestuff" :orientation "h" :space-evenly false :halign "start" :valign "center" :spacing 10
+    time
     ; TODO: idle inhibitor?
-    ; TODO: hyprland workspaces?
     ; TODO: get these to align properly? icons seem lower than they should be?
     (box :class "mic" (
       box :class {micMuted == "false" ? "live" : "muted"} {micMuted == "false" ? " " : " "}

modules/home-manager/sway.nix

@@ -43,7 +43,7 @@
       border-color=${urgent}
 
       [urgency=high]
-      background-color=${urgent}AA
+      background-color=${urgent}EE
       border-color=${urgent}
       text-color=${bg}
     '';