eww: Added systray widget to bar

bar/eww/bar.scss

@@ -37,6 +37,37 @@
     color: #a286c8;
   }
 
+  .systray {
+    margin: 0px;
+
+    & > menuitem {
+      menu {
+        padding: 5px 5px;
+        border-radius: 10px;
+        background-color: #181926;
+
+        menuitem {
+          margin: 1px 0;
+
+          &:hover {
+            padding-left: 2px;
+          }
+        }
+
+        separator {
+          margin: 6px 0;
+          min-height: 3px;
+          border-radius: 99px;
+          background-color: rgba(5, 5, 5, 0.35);
+        }
+      }
+    }
+
+    & > menuitem:first-child {
+      margin-left: 10px;
+    }
+  }
+
   & * {
     .normal {
       color: #86b985;

bar/eww/bar.yuck

@@ -190,6 +190,7 @@
       (volume)
       (label :text "") ; Else container spacing rule doesn't apply
       (mic)
+      (systray :pack-direction "ltr" :class "systray")
     )
   )
 )