Custom UI app: Dark mode design tokens don't match the host application

I’m developing a Custom UI application for Jira and Confluence that uses Atlassian’s design tokens and supports theming. Earlier this year everything was working fine. Because I’m using design tokens, the dark mode color scheme of my app matched the color scheme of the host application perfectly.

Several months ago, Atlassian changed the color scheme for dark mode in Jira and Confluence but the new color scheme is not being reflected in my app because the host application (Jira and Confluence) is setting the old dark mode color scheme design tokens on my app. This results in my app having the old dark mode color scheme while Jira and Confluence are using the new dark mode color scheme:

At first I thought this would be temporary and Atlassian would eventually sort this out and start setting the correct design tokens but it has been several months and things are still out of sync.

The whole point of using design tokens is to keep the look and feel of the app and host application in sync. However, it only works if the host application sets the correct tokens.

I would really appreciate it if someone from Atlassian can look into this and provide some feedback. Maybe I’m missing something? This is only a problem in dark mode. Light mode is fine.

Thanks.

1 Like