Hello everyone,
We are developing Cloud app and are using the Atlassian Design System. We are facing the following issue:
We want the background in our app to have the same color as the background of Confluence. In light theme this is no problem, but in dark theme we have a problem.
We are using --ds-surface for the background color. Everywhere in our app this gets resolved to #1D2125. The same color is also displayed in Atlassian’s documentation here.
When looking at the background of Confluence pages, we find that the background color is also specified by --ds-surface which this time gets resolved to #1f1f21 in dark theme.
We would like to understand why this is happening and what the best approach would be to set the same color as the Confluence page background. We would prefer not to just hard-code the hex value, because this needs more maintenance if Atlassian changes the color.
Any ideas?
Thanks,
Tim