Theme editor

The Slides theme editor allows team owners and admins to create custom themes that all team members can use. The themes you save are available through the Style panel of the Slides editor. You can also choose a default theme for new decks. When an existing theme is edited, decks using it automatically update to reflect the latest changes.

To get to the theme editor you'll need to select the "Themes" option in the dropdown that appears when hovering your username in the site header. This is the first screen of the theme editor where you can add new, or remove existing, themes:

ACME theme editor showing three available team themes

Clicking on a theme brings you into the editing mode. The deck embedded to the right is a preview of your theme and will update in real-time as you make changes. It has multiple slides in it for previewing and styling different types of content.

Theme settings beside a live presentation preview

A save button appears when your theme has unsaved changes. Use the tabs across the top to switch between theme settings, CSS, HTML, the color palette, and reusable snippets.

Color palette

You can define a custom color palette for your themes. This palette will be made available throughout the Slides editor, in any place that you can select a color.

Learn more about color palettes.

Color palette editor with five saved colors beside a live presentation preview

CSS & HTML

The CSS editor supports plain CSS and LESS features such as nesting and variables. Styles are scoped within a .reveal {} selector when saved so they do not affect the surrounding page.

The HTML editor can be used to inject custom markup outside of the individual slides. This is especially helpful when adding fixed elements such as a company logo that always overlays the presentation.

Theme CSS editor with custom styles beside a live presentation preview