Excalidraw images duplicated: light and dark versions are both present

[travisaustin]

When I embed an Excalidraw image to my documentation, both the dark and light versions of that image are imported to my Docusaurus website.

Here's a sample showing a page with a single embedded in Obsidian. When published to Docusaurus, two versions are included in the page at the same time.

Obsidian screen:

Docusaurus website in light mode:

Docusaurus website in dark mode:

Firefox developer tools shows the image is in the DOM twice:

Has anyone else seen this?

[Mat4m0]

You need to add to your CSS:

[data-theme='light'] img[src$='#dark'],
[data-theme='dark'] img[src$='#light'] {
  display: none;
}

In the Docusaurus Docs

[travisaustin]

Thank you!