Transparent light theme images are previewed poorly in the default image zoom overlay

[novusnota]

Currently, the default image zoom opens the same modal overlay for both themes (light and dark) with the same color #000 (black). This is troublesome for .png or .svg images intended for the light theme and have transparent backgrounds — opening the zoom on click makes such images barely legible against the dark background color of the modal overlay.

The temporary, band-aid solution is to disable zoom functionality for such images, but this is not nice UX-wise, especially considering that this issue can have a much better solution.

Suggestion: When zooming the image in the light theme, either add a white background to the image or make the background color of the modal overlay white. Alternatively, if you want to keep the black overlay, invert the colors of SVG images that initially have darker colors (perhaps, just looking for #000 and #000000 would suffice).

This applies to all Mintlify's themes.