additional work to setup hyprland

waybar/.config/waybar/config.jsonc

@@ -2,7 +2,7 @@
   "position": "top",
   "modules-left": ["hyprland/workspaces", "mpris"],
   "modules-center": ["hyprland/window"],
-  "modules-right": ["cpu", "memory", "bluetooth", "network", "pulseaudio", "battery", "clock", "power-profiles-daemon", "custom/power"],
+  "modules-right": ["cpu", "memory", "tray", "bluetooth", "network", "pulseaudio", "battery", "clock", "power-profiles-daemon", "custom/power"],
   "clock": {
     "format": "<span foreground='#f5c2e7'>   </span>{:%a %d %H:%M}",
     "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
@@ -22,6 +22,24 @@
     "format-icons": ["", "", "", "", ""],
     "tooltip-format": "{time}"
   },
+  "cpu": {
+    "on-click": "~/.local/bin/btop.sh"
+  },
+  "memory": {
+    "on-click": "~/.local/bin/btop.sh"
+  },
+  "tray": {
+    "icon-size": 16,
+    "icon-theme": "Papirus-Dark",
+    "spacing": 8,
+    "tooltip": true,
+    "menu": {
+      "enabled": true,
+      "arrow": false,
+      "separator": true,
+      "size": 16
+    }
+  },
   "network": {
     "format-wifi": "<span size='13000' foreground='#f5e0dc'>  </span>{essid}",
     "format-ethernet": "<span size='13000' foreground='#f5e0dc'>󰤭  </span> Disconnected",

waybar/.config/waybar/style.css

@@ -122,6 +122,20 @@ button:hover {
   border-bottom: 2px solid @mauve;
 }
 
+#tray {
+  color: @lavender;
+}
+
+#tray > .passive {
+  opacity: 0.7;
+}
+
+#tray > .needs-attention {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: @red;
+  border-bottom: 2px solid @red;
+}
+
 #custom-power {
   color: #ec9974;
 }