ThemeProvider Component
- Entity ID:
ent-20260420-b01a0000000a - Type:
component - Scope:
shared - Status:
active - Aliases: design-system ThemeProvider, Ink theme wrapper
Description
React component in src/components/design-system/ThemeProvider.tsx (path approximate) that wraps the Ink render tree to inject theme tokens (colors, spacing, typography) consumed by all ~140 custom Claude Code components. The wiki's exposed render() re-export auto-wraps children with this provider so callers don't need to know about it. Theme system is self-contained — no external resource fetches at boot.
Key claims
- Claude Code embeds a custom fork of Ink rather than using the upstream package
- Claude Code's top-level custom component library contains roughly 140 components
Relations
- ThemeProvider Component --[wraps]--> src/ink Custom Fork
- src/components Directory --[consumes]--> ThemeProvider Component