Jira Cloud App Logo

Hi Atlassian and Community,

We have recently launched our first Cloud app and are wondering about the strange changeFillColor filter that is overlaying the actual logo and making it very dark.

Here is what I am talking about.
It looks like this:

But it should look like this:

Other apps from other vendors are also affected.

Why is there this changeFillColor filter in place? When the filter would not be there, all would be fine.

Here is how the HTML looks:

<svg viewBox="0 0 20 20">
      <filter id="changeFillColor">
         <feColorMatrix type="matrix" values="0.08, 0, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 0,0.2, 0, 0, 0, 0, 0, 1, 0"></feColorMatrix>
   <image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://myapp.foo/something-app-32x32.svg" width="20" height="20" x="0" y="0" filter="url(#changeFillColor)"></image>

@atlassian can you please explain why it is done? I would really like to just display my logo it was meant to look, thanks :slight_smile:


1 Like

Yes … I have observed the filter being applied in DarkMode and its really creating issue with the App logo since there is no option to change the logo for Dark mode

Refer- Announcing Confluence Cloud Theming Preview for Developer Canary Program - #3 by AlexWhite

1 Like

Thanks for that info.
Now it makes somewhat sense :grinning:

But I see the filter applied in light mode too. Also for other app logos.
I would love to hear from Atlassin about it.