Dark theme in Mobile Application

[Asanthoshini]

Hi All,

Could anyone help me configure or apply dark mode theme to the now mobile and agent application.

Thanks 7 Regards,

Amala.

[Asanthoshini]

Hi @Ankur Bawiskar 

Could you please let me know is there any way can I get the "theme" option in the mobile app preferences section. As of now I'm unable to see that. Attaching the screen shot for your reference.

Thanks & Regards,

Amala.

[Dell4ever]

Idk what mobile OS you have. But, with Android, you can 'force dark mode' in Developer Options. It'll enable dark mode for Service Now app - Android. Works well for me. 😁

[joeypeters]

Hi all,

I faced the same challange.
The following is what I did to configure a custom theme with a dark variant.

On docs they do give some information, you just need to know where to look.

Same goes for building an actual theme.

What you actually need to create is a new UX Theme.

UX themes are create on the 'sys_ux_theme' table.
Under tab 'Compositional: App Theme' you have the option to add a style sheet.
You could make your own theme based on a style sheet.
To make your own dark variant you would need to again create a variant with a different style sheet.
As a reference you could look at the oob UX theme for Polaris.
This record already contains a Dark variant.

Another thing to keep in mind is that oob ServiceNow already has 2 app configs.
1 for admin and 1 for all other users.
When testing this is nice to know.

Because when you apply the style only to 'Now Mobile' and you then login as admin.... You don't see the changes.

To apply your newly created style simply go to your mobile app config 'sys_sg_native_client' and apply your theme on Mobile theme.

Use this info to your advantage 🙂

Best regards,
Joey Peters