My Waybar! I have been working on features for it (still in progress). Clicking the song / artist in waybar brings up a small display showing the album art, a visualizer, and controls. mousing over the time shows a calendar and a mouseover on the weather brings up the next 24 hour forecast. Clicking it will open the webpage with the forecast! Lots more to do including improving the now playing widget.
My Waybar config is unlikely to work out of the box for you. It depends on a full set of shell scripts written for my specific environment. Once you understand the approach, though, you can adapt the same idea to your own setup.
The first (and most important) step is to create application icons from SVG files you find online and compile them into your own icon font.
I used a small Python script with the fontTools package to do this, but you don’t have to. Plenty of GUI typography tools make the process easier if you prefer a visual workflow.
The figure shows the method I created two-color icons for waybar. I have 2 SVGs for the same icon, the first one is the background, pay attention to "advance 0", GTK will overlap the foreground on top without shifting.
I mapped the icons starting at U+100000 (Plane 16). This range is reserved for private use in Unicode, so it’s ideal for custom Waybar icons.
~/.local/share/fonts/font-family: "My Icons", "JetBrains Mono", "Font Awesome 7 Free";Even though the custom font only contains a dozen or so icons, the full Nerd Fonts set (and Font Awesome) remain available as fallbacks.
Finally decided to put my Waybar config on GitHub.
Running Hyprland 0.56.X with my own Waybar configuration.
The config is available here:
https://github.com/Dodoprospy3/my-waybar-config
Feel free to steal it. I clearly did not make the README subtle about that.
i have put cava module in my waybar, and half of the bars of cava are always up and doesnt move as shown in the picture, i tried everything but not working,
am using waybar-cava-git aur package