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.

Email notification display on Activity stream when Dark mode is enabled

Alina-Maria_S
Tera Expert

Hello everyone, 

 

We had the following requirement from the client to build the notifications according to the below template. 

Teeest.jpg

 The issue that we encountered, is that when dark mode is enabled, the email notification that was sent and is displayed in the Activity stream of the ticket (in Service Operations Workspace and also in the Next Experience UI), doesn't have the dark mode applied and it appears as below. Does anyone know how should the email templates and layout be defined, so that it displays properly in the Activity stream for both modes: light and dark?

 

Thank you! 

 

 

6 REPLIES 6

Maks
Tera Guru

I'm having the same issue in SOW workspace but my background is black and text is black, so that's a far worse problem.

 

I think you would be best sticking to how you have it now, because it's much worse to have black on black and not being able to see anything!

 

Apparently there's no straightforward solution and ServiceNow Support recommends creating/upvoting this in the Idea Portal for future development.

https://support.servicenow.com/ideas

Search for keywords such as "dark mode", "email", "text". There are a few ideas like that in there.

 

Hope it helps!

Marco0o1
Tera Sage

Hi @Alina-Maria_S ,

 

The reason is probably because in the email layour is rendering directly the white color #ffffff, the only way possible is to directly change that but I really dont recommend just for something to look.

 

On the layout you probably just need to identify and change the backjground-color to trasnparent:

Marco0o1_0-1763653210435.png

 

It wont make to much diferrence in how it looks but now the the notifcation wil change based on the background body

Marco0o1_1-1763654292487.png

 

Marco0o1_2-1763654308722.png

 

 

Additional you will need to customize the ui page "preview_email" to change the style of background-color from white to transparent:

 

Marco0o1_3-1763654402798.png

 

 

With that it will be showed like what you have, just be carefull with the black letters now because those will be on the color that is defined on the layout.