Theme
Branding and customization |
---|
The default colors in the Resco Mobile CRM app can be modified by tweaking the theme. This allows you to apply your corporate colors to the app.
Edit an app project and select Theme from the Project menu of Woodford to alter the theme.
View styles set for specific field(s) on a view have higher priority and override the theme color settings. To learn more about view styles, see View styles. You can also check Row scripts.
Changing the theme
Setup is WYSIWYG. You can click on any sections on the preview to change its color. The changes are displayed immediately in the preview. You can also switch between phone view and tablet view.
The Colors List pane on the right displays a list of unique color styles used in the app. You can click each item to select a replacement color.
Hint | Colors set for ListForeground and ListSelForeground for Views and TabForeground and TabSelForeground for tab are also used for icons, that were colorized, when importing via Images section. |
Click Load Preset to revert all changes and return to a pre-configured theme:
- Default
- Inspections
You can export the current theme setup and download it using the Export button (for example, to use it in another project). Click Import to upload a theme file and apply it.
Brand color, dark mode
Advanced color settings and tokens
When picking a color for a UI element, you have two options:
- Directly select a custom color.
- Select a token (which also has a color).
Tokens are named colors that can be defined once and reused at various locations in the app, similar to Material Design's design tokens.