Theme Editor

The theme editor gives you visual controls to customize how your course looks. Change colors, fonts, spacing, and layout without writing any code.

Opening the theme editor

Open the theme editor from your course’s settings or management page. It opens as a full-page editor with a sidebar for navigation and a live preview of your changes.

Editor sections

The theme editor sidebar has five sections:

• Colors - set your primary, hover, and border colors
• Fonts - choose heading and body typography
• Layout - adjust border radius and spacing
• Templates - apply a pre-built theme preset
• Custom CSS - write your own CSS overrides

Click a section in the sidebar to edit its settings. See the individual pages in this section for details on each.

Live preview

The editor shows a live preview that updates as you change settings. You can see how your colors, fonts, and layout will look in the finished course before publishing.

Saving changes

Changes auto-save as you work. There’s no manual save button needed - Slate saves your settings automatically after each change.

Save as default theme

Click Save as Default Theme to use your current settings as the starting point for all new courses. This saves your color, font, and layout preferences to your account.

Export and import themes

You can export your theme as a JSON file and import it into another course:

• Export - download your current theme settings as a .json file
• Import - upload a previously exported theme file to apply it

This is useful for maintaining consistent branding across multiple courses.