Themes
Colors & Fonts
Customize the color palette and typography of your content.
Colors
The color system defines the palette used throughout your content. Each color role serves a specific purpose.
Color Roles
| Color | Purpose |
|---|---|
| Primary | Main brand color — buttons, links, accents |
| Secondary | Supporting color for backgrounds and borders |
| Accent | Highlight color for special elements |
| Background | Main content background |
| Foreground | Primary text color |
| Muted | Subtle text and borders |
| Destructive | Error states and delete actions |
Customizing Colors
- Go to Theme > Colors
- Click on any color swatch to open the color picker
- Choose a color using the picker, enter a hex code, or paste an RGB value
- Changes are applied instantly in the editor preview
Fonts
Selecting Fonts
Choose from the available font families for your content. Fonts can be set for:
- Body text — Used for paragraphs and general content
- Heading text — Used for titles and headings
Custom Fonts
Upload your own font files for complete brand consistency:
- Go to Theme > Fonts
- Click Upload font
- Select a font file (TTF, OTF, WOFF, WOFF2)
- The font becomes available in the font selector
Custom fonts are stored with your content and included in exports, so learners always see the correct typography.