---
schema_version: "1"
id: 65726dc7c518b7634ae9c9bf2187006ed0bc82d915e983ee74b468bcf346c85e
title: Brand the Field Service Mobile App
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/mfs_branding.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.mfs_branding.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: abc9cb05e697f36ccb3a4ce5c9023340192c2b40f0c3b4d7f10bba3df5d4512e
description: Give the Field Service mobile app your company’s look and feel by customizing the colors used in the user interface. Apply your company colors or optimize the color scheme to compensate for the relative brightness of your mobile workforce’s work environments.
products:
  - Field Service
release: "264"
---
# Brand the Field Service Mobile App

Give the Field Service mobile app your company’s look and feel by customizing the colors used in the user interface. Apply your company colors or optimize the color scheme to compensate for the relative brightness of your mobile workforce’s work environments.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: both Salesforce Classic (not available in all orgs) and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">The Field Service core features, managed package, and mobile app are available in <strong>Enterprise</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions.</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">To access the Field Service mobile app, users need the Field Service Mobile user license.</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d49352e78">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d49352e78 ">To customize branding colors:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d49352e78 ">Customize Application</td>

          </tr>
        </tbody>
      </table>

1. From Setup, enter Field Service Mobile Settings in the Quick Find box, and select **Field Service Mobile Settings**.
2. Click **Edit** next to the mobile settings configuration you want to modify, or **New** to set up a new settings configuration.
    
    Each configuration can be assigned to one or more user profiles.
3. Under Branding Colors, update the hex color code of each setting as needed.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/images/icon_note.png)
    
    Note Each value must consist of the # symbol followed by six letters or numbers.
4. When you have entered values for every token you wish to modify, click **Save**.
    
    Users must log out and log in to the app to see changes to branding.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/images/icon_note.png)

Note iOS 13 and later app users can enable Dark Mode from their OS settings. However, this overrides the custom branding colors for some UI elements.

![Field Service Mobile App color mapping](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/mfs_color_mapping.png)

  
| Token Name | Description | Default Value |
| --- | --- | --- |
| Navbar Background Color | The color of the top bar in the app. | #803ABE |
| Navbar Inverted Color | The secondary color of the top bar in the app. | #FFFFFF |
| Brand Inverted Color | The color of toasts and the contrast color for the floating action button. | #FFFFFF |
| Feedback Primary Color | The color of error messages. | #C23934 |
| Feedback Secondary Color | The color of success messages or progress icons. | #13C4A3 |
| Feedback Selected Color | The color indicating the user’s current selection. | #FFFFFF |
| Primary Brand Color | The color of non-interactive areas in the app. | #803ABE |
| Secondary Brand Color | The color of interactive areas in the app. | #2A7AB0 |
| Contrast Primary Color | The color of primary text. | #000000 |
| Contrast Secondary Color | The color of secondary text. | #444444 |
| Contrast Tertiary Color | The color of the icons on the settings screen and of primary lines that delineate different areas of the UI. | #9FAAB5 |
| Contrast Quaternary Color | The color of some graphics and of secondary lines that delineate different areas of the UI. | #E6E6EB |
| Contrast Quinary Color | The color of the background behind cards in the UI. | #EEEEEE |
| Contrast Inverted Color | The color of card backgrounds in the UI. | #FFFFFF |

#### See Also

- [Add a Profile Tab Background Image in the Field Service Mobile App](https://help.salesforce.com/s/articleView?id=service.mfs_company_profile.htm&release=264.0.0&type=5 "Add a background image to customize the Profile Tab in the Field Service Mobile App.")
- [Customize the Field Service Mobile App by User Profile](https://help.salesforce.com/s/articleView?id=service.mfs_settings.htm&release=264.0.0&type=5 "Assign unique configurations of mobile app settings to different user profiles to accommodate the needs of contractors, supervisors, and other app users.")
- [Track Service Resource Geolocation with the Field Service Mobile App](https://help.salesforce.com/s/articleView?id=service.mfs_resource_tracking.htm&release=264.0.0&type=5 "Use geolocation to manage your mobile workforce. You can exclude certain users from geolocation tracking.")