Email notification display on Activity stream when Dark mode is enabled
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-20-2025 07:04 AM
Hello everyone,
We had the following requirement from the client to build the notifications according to the below template.
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!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-13-2025 07:41 AM
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!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Thursday
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:
It wont make to much diferrence in how it looks but now the the notifcation wil change based on the background body
Additional you will need to customize the ui page "preview_email" to change the style of background-color from white to transparent:
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.
