Inconsistency in Confluence rendering of new lozenges

Hi Atlassian (maybe @stephenmok ?),

On or around 2025-01-16, we observed a regression on Confluence Cloud with the rendering of lozenges.

We are displaying a lozenge within the main Confluence Cloud iframe, tagged as aui-lozenge aui-lozenge-subtle aui-lozenge-success. As of last month, it suddenly started looking like this, with a yellowish background colour:

confluence-subtle-success-incorrect

According to the Atlaskit site (with/without the visual refresh feature flag), the lozenge is supposed to look like either the old style:

or the new style:

Instead, what Confluence shows corresponds to neither. I contacted developer support but the Confluence team insists that their design is the correct one.

Who is right? Would someone be able to step in here to help resolve this? Either the Confluence rendering is wrong, or the design rendering of the success lozenge is wrong in both the AK site above as well as in the mockups Atlassian provided for the new design refresh:

Thanks!
Scott

Maybe also a question for @JocelynWong ?

Hi @JocelynWong @acampbell3, @GorkemK and @AkshaySaini

Is anyone from the design team able to comment on this? The Confluence team is saying that their design is correct, but this isn’t what the new Atlassian Design shows and I would love to be able to resolve this inconsistency for my app.

Thanks!
Scott

Hi @scott.dudley, sorry my team and I all missed this earlier. (I came across this now while looking for related posts needing follow up.)

I just replied in this thread about where we’re up to with labelling components:

Please let me know what the current status of this is for you, and how we can still help if needed!

Cheers,
Stephen

Engineering Manager
Atlassian Design System

Hi @stephenmok

I can confirm that the lozenge styling in Confluence is still broken as described in my earlier comment on this thread.

Thanks!
Scott

Hi @scott.dudley can I get the lozenge and token versions that you are on? (And if you are using UI Kit or downloading the package directly). It seems like maybe you need to update the lozenge package.

Hi @SimSaini,

In fact, I am not “on” any particular code package. I am referring to styles delivered within the core Confluence iframe, so it is Confluence itself that seems to be out-of-date.

Open your browser devtools, insert this HTML anywhere into any Confluence page, and you will see what I mean:

<div class="aui-lozenge aui-lozenge-subtle aui-lozenge-success">
    Hello
</div>

(There are certain methods by which apps can inject styles into the Confluence DOM itself, which is why this issue is relevant.)

Oh interesting - let me check with the team and get back to you :face_with_monocle:
Edit: Since this is using AUI components and not ADS, I’ll get someone more familiar with those to reach out.

Just an update that we are still looking into it - with the holidays its has been a little slow, my apologies

@scott.dudley This issue should now be fixed and being rolled out - can you please check and let me know what you see.

-Sim