Using Obsidian's CSS variables in embedded SVG files

Help
1

What I’m trying to do

I’d like to use Obsidian’s CSS variables (specifically the ones for colors) in SVG files that I have embedded in my notes so that they adapt to the current theme. Here’s a simple example:

<svg width="100" height="100">
  <circle cx="50" cy="50" r="50" fill="var(--text-normal)"/>
</svg> SVG in the note itself

![[example.svg]] SVG embedded

which renders

Screenshot 2024-10-06 at 6.04.51 PM
Screenshot 2024-10-06 at 6.04.51 PM600×502 7.71 KB

Things I have tried

I searched for various combinations of the terms “css” “variables” “embedded” and “svg” but couldn’t find anything. Is this possible? If not, should it be?

2

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.