Themes

A theme is a collection of style elements that define the UI properties of the components commonly used, such as font styles, colour schemes, and border/shadow effects.

An existing theme can be picked and applied to apps. Also - users can create a new theme using Platform Settings→Themes.

A new theme can be created

Edit

Displays the style properties of the theme for users to edit and save.

Property	Description
Main Colors
Brand Color (primary)	Applied to most components. Choose the right color the decide the brand image and recognition
Canvas Color (canvas)	Sets the default background color to the app
Container Color (primarySurface)	Sets the default background color to the widgets like table, grid on the app
Text Color
Light Text Color (textLight)	Sets the color of the text when the background color of the app is dark
Dark Text Color (textDark)	Sets the color of the text when the background of the app is light
Border Radius
Border Radius (borderRadius)	Specifies the border radius for the widgets of the app
Margin
Margin (margin)	Defines the margin number for most of the components of the app
Padding
Padding (padding)	Decides the default padding space among the components
Grid Columns
Grid Columns (gridColumns)	Sets the default number of columns used by the containers of the app

Options

Following are the options that the user could work on a theme.

Option	Description
Set as Default Theme	Make the theme the default for the workspace
Rename	Alter the name of the theme
Duplicate Theme	Create a copy of the theme
Delete	Remove the theme from the workspace

Theme Preview

Shows users a small preview of the theme, after the modifications to the colors and other properties previously. This is shown at the bottom of the edit page of the theme.

A detailed manual on Themes and its applications is provided here