Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Now Mobile change the theme of the menu

Damien1
Tera Contributor

Hello everyone, I currently have a problem on my Now Mobile app.
When I developp the menu while being on an article the text is almost not visible because the background is too dark :

Damien1_1-1729083720976.png

 

I would like to be able to make the background being white. So I looked for the theme of my mobile application and found this :

Damien1_2-1729083768910.png

 

So I looked on my Mobile UX Themes and tried to tweak some rgb values but without success :

Damien1_3-1729083834473.png

Do you know if there is some ways to edit the color of this particular section on the Now Mobil App ?

Thank you for the help !

 

Damien

 

3 REPLIES 3

mihirlimje867
Tera Guru

Hello @Damien1 ,

You can go to this table 'sys_sg_client_theme' or search on navigation 'Mobile app theme' and open the theme that you want to change the color and change it.

mihirlimje867_0-1729513756849.png

 

Also, you can refer this article this will help you: https://docs.servicenow.com/bundle/vancouver-mobile/page/administer/tablet-mobile-ui/reference/sg-th...


Please hit on the helpful button and mark it as an Answer.✔️
Thank you.




Hello @mihirlimje867,

 

Thank you for the help, I searched a bit more and found that this particular section isn't customized by the Mobile Themes, but since I do a redirection to my Service Portal, it should be customized by my portal.

 

However when I go to my Branding Editor on my portal, I can clearly see that my navigation bar is white :

Damien1_0-1729692862961.png

 

Even when I go to the Service Portal on my computer, I can see that the Nav Bar is well customized :

Damien1_1-1729693000432.png

So I don't understand why it wouldn't be the same on my now mobile application.

 

And I also forgot to mention earlier that I'm using a view named kb_view2 so my url looks like this : /sp?id=kb_view2

 

If you have any clue on what I could investiguate next, please feel free to answer.

 

Thank you.

 

Damien

Hello @Damien1 ,
If you think the above reply for the theme is helpful, please click on the helpful button.

 

If we are talking about the portal you need to change the /mesp portal for your mobile device instead of the /sp.

Step 1: If you want to customize the portal for mobile then simply first open any page on the /sp portal whatever you want.

 

Step 2: After opening the page you need to change the URL. Just replace /sp to /mesp.
and then edit the open /mesp page. It will be reflecting in your mobile app.

For your scenario user this URL: /mesp?id=kb_view2



Please hit on the helpful button and mark it as an Answer.mihirlimje867_0-1729797566611.png

 

Thank you.