waywind is a CLI tool that generates a Waybar CSS theme from your TailwindCSS (and DaisyUI) config.
Built for Arch Linux, Hyprland, and rice-loving frontend devs who want their bar to match their code.
- 🎨 Converts TailwindCSS or DaisyUI color themes to Waybar-compatible CSS
- ⚡ Instant generation with one command
- 🔁 Optional auto-reload of Waybar after theme generation
- 🧠 Designed for theming-focused devs using Hyprland + Tailwind
npm install -g waywindwaywind --config tailwind.config.js --output ~/.config/waybar/style.css --reload| Option | Description |
|---|---|
-c, --config |
Path to your tailwind.config.js |
-o, --output |
Output CSS file path (default: ~/.config/waybar/style.css) |
-r, --reload |
Reload Waybar after generating theme |
waywind --config ./themes/synthwave.config.js --reloadWill generate a Waybar CSS theme matching your Synthwave Tailwind/DaisyUI colors and reload Waybar automatically.
window#waybar {
background-color: #0f172a; /* base-100 */
color: #f1f5f9; /* base-content */
}
#workspaces button.active {
background-color: #2563eb; /* primary */
}- Node.js ≥ 18
- A valid
tailwind.config.jsfile withtheme.colors(or DaisyUI enabled) - Waybar (recommended with Hyprland)
waywind is designed with:
- 💻 Hyprland + Waybar
- 🧙 r/unixporn dotfiles users
- 🌈 frontend devs who use TailwindCSS or DaisyUI
Made with ❤️ for ricing your system by @Burnsedia