nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Jira Email Highlighting and Dark Desktop Theme

Matt Wilson_grxhwo

Just wondering if anyone has messed around with modifying email templates to make the email notifications a bit more dark desktop theme friendly.

i.e. in the default setup, in a changed field, new content is highlighted in green, removed content in red. Both highlight colors are bit hard to pick up when using the dark theme.

Anybody find a workable compromise for light and dark themes?

Accepted answers

Matt Wilson_grxhwo

I guess I'm answering my own question here. This is what I've changed to make this more readable (IMO of course).

We do not use batch emails btw...

After some testing of color combos, I decided nothing made each theme look better. It was always better on one theme at the expense of another. So I decided to change my approach.

I modified the template to do the following

- "+" and "-" has been added to designated if content is added or removed
- The strikethrough on removed field content has been removed. The content is still highlighted in red, but is more more readable.
Note that these changes do not apply to multiline text fields like comments or description.

so basically you get

That has
Component/s: + New Value
Component/s: - Old Value

The +/- is very readable and frankly lines up with a lot of the tools we us in our environment.

so I modified email/html/includes/fields/changelog.vm

Here is the code snippet.. the "foreach" section at the bottom of the file

#foreach ($changeitem in $changelog.getRelated("ChildChangeItem"))
#if ($changeitem.getString("field").equals("description"))
#set ($changelogItemIssueDescription = $changeitem)
#end
#if(!$changeitem.getString("field").equals("WorklogTimeSpent") && !$changeitem.getString("field").equals("WorklogId") && !$changeitem.getString("field").equals("description"))
<tr>
<th>$textutils.htmlEncode($velocityhelper.getFieldName($changeitem, $i18n)):</th>
<td>
#set ($oldvalueKey = "oldvalue")
#set ($newvalueKey = "newvalue")
#if ($changeitem.getString("field") == "Comment") #set ($oldstringKey = "oldvalue") #set ($newstringKey = "newvalue")
#else #set ($oldstringKey = "oldstring") #set ($newstringKey = "newstring")
#end
#set ($oldText = "") #set ($newText = "")
#set ($oldText = $velocityhelper.getPrettyFieldString($changeitem.getString("field"), $changeitem.getString($oldstringKey), $changeitem.getString($oldvalueKey), $i18n, ""))
#set ($newText = $velocityhelper.getPrettyFieldString($changeitem.getString("field"), $changeitem.getString($newstringKey), $changeitem.getString($newvalueKey), $i18n, ""))

## Handle different change types appropriately
#if ($oldText && $oldText != "" && (!$newText || $newText == ""))
## Only removal
- $oldText
#elseif ((!$oldText || $oldText == "") && $newText && $newText != "")
## Only addition
+ $newText
#else
## Change (both old and new values) - show as separate removal and addition
- $oldText 
+ $newText
#end
</td>
</tr>
#end
#end

All comments

Agam Gupta

Hi Matt,

Welcome to the Atlassian community.Good day!

I hope you are doing well I am Agam from the Atlassian Cloud Support Team. I will assist you with this support ticket.

Could you please provide a screenshot that clearly shows the areas where you see the highlighted colors in green and red? This visual reference will assist us in identifying exactly where you've encountered the dark theme. With that information, we can investigate the issue more effectively. Thank you!Thanks & Regards,
–
Agam Gupta
Atlassian Cloud Support

Matt Wilson_grxhwo

Thanks Agam. This question specifically is about Data Center though and not cloud. Sorry for not specifying.

This is what I'm refereing too, and it applies to a very small amount of our users. Basically its been noted that when using a dark themed email tool, the Jira email highlighting can be very hard to pick up.

Screenshot 2025-05-15 080352.png

Right now I'm just trying to figure out what sets these colours. I assume they are set in a css file, but when I dump the colour codes from the email I can't seem to find that is setting them.

Currently its using this

green : #ddfade
red : #ffe7e7

I'd like to just try some other combinations just to see what might work better...

Matt Wilson_grxhwo

I guess I'm answering my own question here. This is what I've changed to make this more readable (IMO of course).

We do not use batch emails btw...

After some testing of color combos, I decided nothing made each theme look better. It was always better on one theme at the expense of another. So I decided to change my approach.

I modified the template to do the following

so basically you get

That has
Component/s: + New Value
Component/s: - Old Value

The +/- is very readable and frankly lines up with a lot of the tools we us in our environment.

so I modified email/html/includes/fields/changelog.vm

Here is the code snippet.. the "foreach" section at the bottom of the file

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

server

jira

jira-server

jira-data-center

data-center