Add tray

waybar/config

@@ -1,7 +1,7 @@
 {
   "position": "top",
   "modules-left": ["sway/workspaces"],
-  "modules-right": ["pulseaudio", "sway/language", "network", "clock"],
+  "modules-right": ["pulseaudio", "sway/language", "network", "clock", "tray"],
 
   "sway/workspaces": {
     "all-output": true,
@@ -24,5 +24,9 @@
     "format": "{:%d %b %H:%M, %A}",
     "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
     "on-click": "firefox https://calendar.google.com"
+  },
+  "tray": {
+    "icon-size": 16,
+    "spacing": 10
   }
 }

waybar/style.css

@@ -8,6 +8,7 @@ window#waybar {
   background: #191e2a;
   color: #cbccc6;
   font-family: "Fira Code", "Font Awesome 5 Free Solid";
+  font-size: 13px;
 }
 
 #workspaces {
@@ -32,7 +33,8 @@ window#waybar {
 #clock,
 #network,
 #language,
-#pulseaudio {
+#pulseaudio,
+#tray {
   background: #202734;
   margin: 10px;
   padding: 10px;
@@ -42,9 +44,3 @@ window#waybar {
 #pulseaudio.muted {
   color: #ffa759;
 }
-
-#network,
-#language,
-#pulseaudio {
-  margin-right: 5px;
-}