chore: init comments / extra css

home/waybar/default.nix

@@ -4,7 +4,7 @@
   lib,
   ...
 }: 
-  let
+  let  
   compileSCSS = name: source: "${pkgs.runCommandLocal name {} ''
     mkdir -p $out
     ${lib.getExe pkgs.sassc} -t expanded '${source}' > $out/${name}.css

home/waybar/style.scss

@@ -81,6 +81,8 @@ image {
   border: 3px solid $pink;
 }
 
+/* workspaces */
+
 #workspaces {
   button {
     min-width: 28px;
@@ -91,6 +93,8 @@ image {
   border: 3px solid $red;
 }
 
+/* end workspaces */
+
 #window {
   border-radius: 16px;
   border: 3px solid $peach;
@@ -108,10 +112,34 @@ image {
   border: 3px solid $yellow;
 }
 
+/* tray */
+
 #tray {
   border: 3px solid $overlay1;
+  menu {
+    background: $base;
+    border-radius: 8px;
+    border: 3px solid $overlay1;
+    padding: 1.0rem;
+  }
 }
 
+#tray.passive {
+  border-bottom: 2px solid $base;
+}
+
+#tray.active {
+  border-bottom: 2px solid $green;
+}
+
+#tray.needs-attention {
+  border-bottom: 2px solid $red;
+}
+
+/* end tray */
+
+/* custom modules */
+
 #custom-wlogout {
   border: 3px solid $overlay1;
 }