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 waywind
waywind --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 --reload
Will 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.js
file 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