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.
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.
Last updated
