App themes
Learn more about app themes.
You can create and manage themes from your organization's Themes settings, or create custom themes that apply to individual apps. Organization level themes are only available on Business and Enterprise plans. Custom themes are available on all plans.
Organizations on the Enterprise plan can also manage organization level themes using the Retool API.
Create organization level 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.
- Typography: The typeface and font sizes used for component text. You can set font families, or pass an import URL to the font's source code.
- 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 colors: The default color for containers and input borders. If unset, border colors are derived from the container's background color.
- Border radius: The default border radius for components.
Configure app level themes
Within an app, you can apply organization level themes or create a custom theme. Open the App settings menu to get started.
After you edit a theme setting, Retool switches to a Custom app theme. Any theme changes apply to the current app only, and you can't edit organizational level themes from within an app.