Syncfusion React Themes

This handles theming and visual customization for Syncfusion's React component library. You get 10+ built-in themes (Material 3, Fluent 2, Bootstrap, Tailwind), dark mode switching via CSS classes, and CSS variable overrides for colors. The documentation covers practical patterns like runtime theme toggling, touch-friendly size modes, and icon library integration. Version matching between npm packages and CDN links is crucial here or you'll hit rendering issues. It's thorough on the mechanics of applying themes but light on design guidance. If you're already using Syncfusion components and need to brand them or implement dark mode without fighting their styling system, this gives you the reference patterns to do it cleanly.

Install to Claude Code

npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-themes --agent claude-code