Work · Active

Ghostty × Claude Code

AstroTerminal ThemesCloudflare Workers

Ghostty × Claude Code is a theme visualizer: see how a Claude Code session looks under every Ghostty terminal theme before you commit to one — each card painted with that theme’s real color palette, extracted straight from Ghostty.

The Ghostty × Claude Code theme visualizer showing the same Claude Code session rendered under two different Ghostty themes side by side. — The same Claude Code session, re-colored by every Ghostty theme.

Overview

Every card shows the same captured Claude Code session, re-colored by a different theme. Because the bytes are identical across all of them, the only thing that changes is the palette — so you can compare themes honestly, side by side, and pick the one that reads best.

It assumes Claude Code is on its dark-ansi theme — the mode where Claude emits indexed ANSI colors and lets the terminal’s palette decide the real colors.

Technical Stack

Framework: Astro (static)
Rendering: a captured Claude Code session, normalized to indexed ANSI, rendered to HTML where each color index maps to the theme’s real palette via CSS variables
Themes: color palettes snapshotted straight from a Ghostty install
Hosting: Cloudflare Workers static assets

Result

A focused tool for choosing a Ghostty theme that looks good with Claude Code — with the option to paste your own Ghostty theme or config and preview it instantly, all in the browser.

View live site ↗