View source for Theme

{{Wikipedia|Theme (computing)}}
{{Branding TOC}}
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 projects|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#Edit_styles|View styles]]. You can also check [[View#Row_scripts|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.

[[File:Theme editor.png|600px]]

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.

{{Note|Colors set for ListForeground and ListSelForeground for [[View]]s and TabForeground and TabSelForeground for tab are also used for icons, that were [[Images#Colorize|colorized]], when importing via [[Images]] section.|Hint}}

Click '''Custom Home''' to switch to an alternative design of the [[Home screen]].

Click '''Icon Pack''' and select one of the predefined icon packs. Icons are not replaced in the preview.
* Default
* Modern2018
* Scandinavian

Click '''Load Preset''' to revert all changes and return to any of the pre-configured themes:
* Default (blue)
* Modern (different blue)
* Scandinavian (teal)

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.

== See also ==
* You can check our blog post about [https://www.resco.net/blog/colorthemes/ themes] for an example of work with themes. {{Badge|Blog}}

[[Category:Woodford]]