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.
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.
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.
Chart Style
Please provide the JSON code necessary to style the chart. The ECHART library is a valuable resource for additional information on how to customize the appearance of the chart using CSS.
Sample charts are displayed for previewing purposes under the code section.
Last updated