Dashboards & Visualizations

Why is SVG background broken in version 9.1?

mdw47
Engager

After installing version 9.1 it seems all my SVGs on dashboard no longer have transparent backgrounds. even the one in the dashboard studio have white boxes around them. 

 

I even tried creating the simplest transparent/no fill rectangle and there is still a solid white fill. 

I validated the code works in online tools, is there a new attribute or version tag that needs to be input? 

example.PNG

Labels (1)
Tags (1)

Stoobert
Explorer

I've just come here to post the same issue and verified on a fresh install that this not just an issue with our instance.

I have been doing some experimentation and the issue lies in the iframe that the SVG is placed in to. There is a CSS attribute called "color scheme" that has two values: light and dark. Having either of those set forces the background colour of the iframe to be either white, or dark mode. The SVG itself isn't broken, the transparency is just showing the underlying background colour. I removed that attribute in the CSS editor and all is well now:

iframe ld.jpg

iframe n.jpg

I would have no idea how to override that for now though.

Stoobert
Explorer

Found the issue. It's a mismatch when using a browser with a dark theme. Until they fix it, you'll need to use a light themed browser unfortunately.

0 Karma

MMahlberg
Explorer

Yeah this seems to mitigate the problem. 
Unfortunatly if you are using chrome you have to change your global system settings. 

I hope this will get patched in the next update.

0 Karma
Get Updates on the Splunk Community!

Index This | What did the zero say to the eight?

June 2025 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with this month’s ...

Splunk Observability Cloud's AI Assistant in Action Series: Onboarding New Hires & ...

This is the fifth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...

Now Playing: Splunk Education Summer Learning Premieres

It’s premiere season, and Splunk Education is rolling out new releases you won’t want to miss. Whether you’re ...