App themes

You can create and manage themes from your organization's Themes settings.

📘

Themes are only available on the Business and Enterprise plans.

Create themes

On the Themes page, click Create new and enter a name. You can then select an existing Retool theme from which to start. Retool's themes are optimized for high-contrast use.

The theme editor displays a live preview of your style options and how they apply to your apps. Style options are broken down into different sections:

• Brand colors: The primary and additional colors for your app.
• Text colors: The light and dark colors used for component text.
• Surface colors: The colors for the Header and Main frames in the Canvas, and components that contain other components or data (e.g., Container and Table components).
• Status colors: The colors for certain interactive components, such as Alert and Button.
• Automatic colors: The colors used by components that support deterministic color assignments (e.g., the Tags component).
• Border radius: The default border radius for components.

Manage themes

You can set a theme that applies to all apps by default, duplicate an existing theme, or delete a theme at any time. Click the ••• button to bring up theme options.

Editors can override the theme in each app from the ••• App actions menu. Any apps using a deleted theme revert to your organization's default theme. If you delete the default theme, apps revert to Retool's default style instead.