Styles & themes

July 21, 2026 · View on GitHub

The default style (classic) stays the same forever. Two alternative styles, plus a palette of seven themes, are opt-in.

cs --style capsule  --theme graphite   # try once
cs --style hairline --theme twilight   # try once
cs config set style capsule            # persist
cs config set theme twilight
cs styles                              # list available styles
cs themes                              # list available themes
cs preview                             # render every style × theme together

Styles

StyleLook
classicOriginal [bar] | pipe engineering layout. Default.
capsuleEach metric is a colored pill — type badge (◷ 5H / ☷ 7D / / 📚) on the left, value, severity dot on the right. Subway-signage feel.
hairlineOne-character mini-bar (▁▃▆█) per metric, dashed separators, tight typography. Maximally calm.

Capsulegraphite · twilight · nord · dracula · sakura · linen · mono · catppuccin-mocha · tokyo-night

capsule + graphite capsule + twilight capsule + nord capsule + dracula capsule + sakura capsule + linen capsule + mono

Hairline — same theme set, different layout

hairline + graphite hairline + nord hairline + dracula hairline + sakura hairline + mono

Classic — kept identical to the pre-v2.7 look

classic + graphite

Themes

ThemeVibe
graphiteCool dark graphite — default, fits most dark terminals
twilightSoft purples/roses — warm dark
linenCream/beige — for light terminal themes
nordNord palette — familiar Arctic blue
draculaDracula palette — high-contrast purple/black
sakuraPink/cream — soft, light backgrounds
monoPure grayscale — no chromatic distraction
catppuccin-mochaCatppuccin Mocha — community-favorite pastel, easy on long viewing
tokyo-nightTokyo Night — deeper neon-blue mood with restrained accents

Style and theme are independent: any of the 3 styles × 9 themes = 27 combinations.

Slash commands inside Claude Code

After running cs --setup (or cs install-commands), the following slash commands work inside Claude Code:

Slash commandWhat it does
/statusbarShow current config + lists styles/themes
/statusbar-previewRender every style × theme combination using your real data
/statusbar-style <name>Switch style (classic / capsule / hairline)
/statusbar-theme <name>Switch theme (graphite / twilight / linen / nord / dracula / sakura / mono / catppuccin-mocha / tokyo-night)
/statusbar-doctorSelf-diagnostic — paste output in bug reports
/statusbar-resetWipe config back to defaults