Mobile App Theme Colors aren't being applied [TOKYO 🗼]

[fauverism]

I'm applying a Mobile App Theme using custom Brand, Secondary, Tertiary, Primary, Destructive, Positive colors. These colors are being applied in a manner that is consistent with what is shown on [Mobile theme color guidelines](https://docs.servicenow.com/bundle/tokyo-mobile/page/administer/tablet-mobile-ui/reference/sg-theme-...). Specifically the Secondary color for action buttons isn't being applied. See the Search or Employee Directory sections of the linked page.

Is this a known issue? Are there options to add additional colors to the Palette which will affect the UI?

Version: tokyo

Thanks in advance for your help.

[PaulSylo · Accepted solution]

HI Robert - 

I too have this kind of issue, but here are a few links which may help you,

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB1346289

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0997331

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0961310

THis above solution is given below:

Description

Mobile Branding Client Theme not applied properly on iOS and Android client

Steps to Reproduce

Pre-requisites: Any Paris/Quebec instance with one non-English language (like German, French) pack installed.
1) Login to any Paris/Quebec instance.

2) Create two new Function Instances for any sys_sg_screen record one with button emphasis as "Secondary" and another with button emphasis as "Primary" and location as Footer.

3) Create a new client theme (sys_sg_client_theme) with below details:
================
Name: test
Brand: #003772
Secondary: #6ABECF
Primary: #0870b8
Destructive: #921a1d
================

4) Associate the theme created in step3 to the Native Client "sys_sg_native_client" record for NOW Mobile. (Update client theme field to the theme created in step3)

5) Now login to NOW mobile in a non-english language and access the applet screen in step2

6) observe the footer buttons created in step2 on the form screen

Expected: one button should be in slight red color ( #921a1d - destructive) and other button should be slight blue (#0870b8 - primary)
Actual: both the buttons are shown in primary color. Destructive color doesn't appear.

Workaround

Once the theme is changed on iOS, just a pull to refresh on an ALP will fetch the new theme and apply it.

On Android the them will apply the next time the app is killed and relaunched.

This is to be expected behaviour because dynamically refreshing the theme on Android was de-scoped originally due to the complexity.

Hence we need to kill the Now mobile app and launch post login on android to resolve the issue.

https://www.servicenow.com/community/mobile-apps-platform-forum/mobile-client-theme-changes-not-work...

[fauverism]

Thanks very much for this @PaulSylo !

[PaulSylo]

@fauverism  Welcome sir!