Zellij Theme Configurator

A browser-based GUI for creating and customizing Zellij themes. Pick colors visually, see a live preview, and copy the generated KDL config.

Features

• Visual color pickers for all 14 Zellij UI components (ribbons, text, tables, lists, frames, exit codes)
• 6 color attributes per component (base, background, emphasis_0–3)
• Live terminal preview showing tabs, panes, frames, and status bar
• Built-in presets (Dracula, Nord) as starting points
• Global color controls to batch-apply a color to all components
• Tooltips explaining every component and attribute
• One-click copy of valid KDL output

Usage

Visit the Github page site linked in the sidebar or open index.html locally in any browser.

1. Start from a preset or the defaults
2. Expand components and adjust colors
3. Copy the KDL output
4. Paste into ~/.config/zellij/config.kdl or save as a file in ~/.config/zellij/themes/

Tech

Single index.html — React 18 + Babel standalone. No build step, no dependencies to install.

License

MIT