Custom CSS styles

Learn more about using custom CSS.

Retool recommends using the built-in style and theme options whenever possible. Class names and DOM structure may change as features are added that could break custom style overrides.

You can provide custom CSS to override Retool's default style rules on a per-app basis. Within the App IDE, click the gear icon on the left and select Custom CSS.

You can also provide custom CSS that applies to all apps from the Advanced section in your organization settings. Navigate to your organization's settings, then click on your User menu on the upper-right and select Settings.

Retool component class names are unique and use the format _retool-[component name]. For example, the class name of the textInput1 component would be _retool-textInput1.