Settings
Overview
Settings for a style are done on this view. Each setting is briefly explained below or in a separate section.
Style Name — Give the style a name.
Style Description — It is good practice to add a short description, so the style is easy to identify.
Color Styles |
Color styles are used for the Global Styles that will be using colors |
Typography |
Typography is used for the Global Styles that will be using text values |
Color |
The colors used for backgrounds, buttons, switches and other components. |
Top Bar |
Various adjustments to the app’s top bar, for instance colors, background image and buttons. |
Menu |
The colors and background image used for the app’s menu. |
Sub Menu |
The colors and background image used for the app’s sub menu. |
Tab Bar |
Various adjustments to the app’s tab bar, for instance colors, background image and buttons. |
Calendar |
The calendar’s colors and font settings. |
Text |
Various text settings associated with menus, headers and search bars. |
Shape & Space |
Various setting for components, such as Inputs (Text), Viewers (Map and Web), when creating Views. |
Transition — Select the type of transition and the speed of the transition when navigating between in the app’s patches.
Shadow — Select this option to add a shadow to a menu. The option is only applicable to the Drawer Menu.
Swatches + A tool to build a palette of colors to use, for instance when creating views.