Hi @tbinna, I’m an engineer from the design system team. The work to enable surface detection in Connect recently landed in Jira (the Connect docs haven’t been updated yet).
Judging from your screenshot, it looks like the background color causing the problem is coming from the Connect app’s styles (looks like the Atlassian CSS reset). You should be able to fix this by using the new ‘current surface’ token, for example, body { background-color: var(--ds-elevation-surface-current); }. The current surface token will resolve to the surface color that it’s placed on, which will be --ds-surface in the full page view and --ds-surface-raised when inside the modal.
You can check out the new surface detection docs here.