---
sourceDocument: Zurich Mobile Configuration and Navigation
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/mobile

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Mobile Configuration and Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# Mobile UI styles

# Mobile UI styles {#ariaid-title1}

* Release version: Zurich
* 
* Updated July 31, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

UI styles define the font and background color of fields in your applets.
You can associate one or more UI styles to a legacy card record to change the appearance of the
fields in that legacy card. Each UI style applies to a single table. You and only applies under
conditions you set within the UI style record.  
Note:  
Mobile UI styles can only be applied to legacy cards.

## Create UI Styles {#mobile-ui-styles__section_i33_r5h_plb}

Create and modify your UI Styles using the Mobile App Builder. In a UI style,
you select a field from your selected table, and define a font and background color for that
field. Use may include conditions to determine when a style is applied. For example, you may
want to use a colored background on the Priority field to highlight when
a record is high priority.

Each UI style record defines the colors for a single field, however multiple UI styles can be
added to a legacy card to customize the appearance of multiple fields.