Veritran Docs

Themes

A theme is a group of settings that define the colors, sizes, fonts, backgrounds and other elements of the look & feel of your app. Themes consist of styles and variables that are applied to each of the elements of the app:

  • Styles: Group of properties and their respective values, which can be fixed or variable.

  • Variables: Values applied to the style attributes. They can be Simple or Complex, depending on whether one or more values are fixed for each variable, respectively. Variables are divided in six categories: Color, Grey, Font, Border, Radius, and Shadow.

You can access the list of themes by clicking Style > Applications Themes.

Refer to the annotated image below to learn more.

APP_THEMES_-_HOME-.png
  1. Search bar. Search themes by name, app in which it is used, or a tag.

  2. List of themes. Shows the themes used in card view. Each card contains actions you can perform on the theme:

    Edit

    Click to edit the theme. Read Create or Edit a Theme to learn more.

    Duplicate

    Click to duplicate the theme. In the popup that appears, enter a name for the duplicate theme and click Duplicate to confirm.

    Export

    Click to export a theme. The system downloads the theme as an .xml file to your computer.

    Delete

    Click to delete a theme. In the popup that appears, click Yes, delete to confirm.

  3. Actions available in the Themes page. Each icon is explained in order of appearance.

    Import Theme

    Click to import a theme.

    Grid Mode

    Click to view themes in a grid.

    Row Mode

    Click to view themes in rows.

    Sorting Criteria

    Click to select a sorting criterion from the drop-down menu. You can sort themes alphabetically or by creation date.

    New Theme

    Click to create a new theme.