Theme builder

Now in the Isabyte hub

The IsaThemeBuilder component provides a visual theme editor for all Isabyte components. Configure colors, typography, border-radius, and component-specific CSS properties. Preview changes in real-time across all components organized by category. Export themes in three formats: Plain CSS for direct stylesheet inclusion, SCSS Package as a ZIP with variables and partials, or Theme Config (JSON) which is the recommended format for full theme preservation — JSON is the only format that roundtrips component-specific overrides and can be loaded directly by IsaThemeLoader to generate the complete CSS at runtime. Before exporting, select which component overrides to include using the component selection dialog. Supports both Bootstrap and Tailwind CSS frameworks.

The visual theme builder has moved.

The interactive theme builder is now an authoring tool inside the Isabyte hub at /theme-studio (behind sign-in), rather than a shipped library component. The library still ships IsaThemeLoader, which loads and applies the CSS/JSON/SCSS themes the builder exports.

Learn theme development

Deep dive into BPT's CSS-variable theming system, the visual builder, and runtime theme switching.

Theme building overview

Concepts and approaches — manual CSS, JSON, SCSS-ZIP, IsaThemeLoader.