Skip to content

feat: add syntax highlighting to chat code blocks#72

Merged
cristipufu merged 1 commit intomainfrom
feat/chat-syntax-highlighting
Feb 17, 2026
Merged

feat: add syntax highlighting to chat code blocks#72
cristipufu merged 1 commit intomainfrom
feat/chat-syntax-highlighting

Conversation

@cristipufu
Copy link
Member

Summary

  • Add rehype-highlight plugin to the chat Markdown renderer for syntax-highlighted code blocks
  • Use github-dark highlight.js theme for dark mode, with GitHub light token color overrides for light mode
  • Make .hljs background transparent so existing chat-markdown pre styles control the background
  • Bump version to 0.0.51

Test plan

  • Run the app, open chat, ask the AI to produce a Python/JS code block
  • Verify colored syntax tokens appear in dark mode
  • Switch to light mode and verify code tokens are readable (dark colors on light background)
  • Verify inline code (backtick) styling is unchanged

🤖 Generated with Claude Code

Add rehype-highlight plugin to the Markdown renderer in ChatMessage.
Uses github-dark theme for dark mode and github light token overrides
for light mode. Bump version to 0.0.51.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cristipufu cristipufu merged commit 1e18bf0 into main Feb 17, 2026
11 checks passed
@cristipufu cristipufu deleted the feat/chat-syntax-highlighting branch February 17, 2026 05:44
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

Comments