Skip to content

fix(terminal): light theme matching the app - #21

Merged
emretheus merged 1 commit into
mainfrom
fix/terminal-light-theme
May 27, 2026
Merged

fix(terminal): light theme matching the app#21
emretheus merged 1 commit into
mainfrom
fix/terminal-light-theme

Conversation

@emretheus

Copy link
Copy Markdown
Owner

Follow-up polish on the embedded Claude Code terminal (#20). The dark navy theme clashed with the app's light surface; this matches it.

  • White background, zinc-800 text, brand-600 cursor, brand-200 selection.
  • Light-tuned ANSI 16-colour palette so Claude Code's coloured output stays legible on white.
  • Small header bar ("Claude Code · your subscription, on-device") + proper padding.
  • Guard the mount effect so React StrictMode no longer double-spawns the PTY in dev — one clean session per tab open.

Verified live: tab restyles via HMR, single PTY spawn, Claude Code launches with the meetwit MCP server connected (confirmed python -m meetwit mcp running + "Calling meetwit…" in the session).

🤖 Generated with Claude Code

The embedded Claude Code terminal used a dark navy theme that clashed with the
app's light surface. Restyle to match:
- White background, zinc-800 text, brand-600 cursor, brand-200 selection.
- A light-tuned ANSI 16-colour palette so Claude Code's coloured output stays
  legible on white.
- A small header bar ("Claude Code · your subscription, on-device") + proper
  padding so it reads as a finished panel.
- Guard the mount effect (startedRef) so React 18 StrictMode no longer spawns
  two PTYs in dev — one clean session per tab open.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@emretheus
emretheus merged commit cc5a56e into main May 27, 2026
4 checks passed
@emretheus
emretheus deleted the fix/terminal-light-theme branch May 27, 2026 14:45
emretheus added a commit that referenced this pull request May 27, 2026
The embedded Claude Code terminal used a dark navy theme that clashed with the
app's light surface. Restyle to match:
- White background, zinc-800 text, brand-600 cursor, brand-200 selection.
- A light-tuned ANSI 16-colour palette so Claude Code's coloured output stays
  legible on white.
- A small header bar ("Claude Code · your subscription, on-device") + proper
  padding so it reads as a finished panel.
- Guard the mount effect (startedRef) so React 18 StrictMode no longer spawns
  two PTYs in dev — one clean session per tab open.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant