Themes
Theme Overview
Customize the visual appearance of your content with themes.
Overview
Themes control the visual appearance of your content — colors, fonts, layouts, animations, and more. Every content has its own theme that can be fully customized.
Theme Sections
Access the theme editor from the Theme tab in the content editor. The theme is organized into these sections:
| Section | What it controls |
|---|---|
| Colors | Primary, secondary, accent, and background colors |
| Fonts | Font family selection and custom font uploads |
| Cover | Lesson cover page appearance |
| Brick Defaults | Default styling for each brick type |
| Brick Styles | Per-brick visual customization |
| Container | Lesson container width, padding, and alignment |
| Lesson Header | Header displayed at the top of each lesson |
| Navigation | Lesson navigation style and buttons |
| Language | Player interface labels and language |
| Animations | Entrance animations for bricks |
| Advanced Styles | CSS variable overrides |
| Custom CSS | Raw CSS for advanced customization |
Theme Presets
Bricks includes built-in theme presets that you can apply as a starting point. Select a preset and then customize it to match your brand.
Applying a Theme
Theme changes are applied in real-time as you edit. Use the Preview button to see the final result as learners will experience it.