Feature Request: Support for Theme-Adaptive / Dynamic SVGs

Windows OS version

Windows 11 24H2

ImageGlass version

ImageGlass 9.3.2.520 (Hotfix 2)

ImageGlass release

Classic

1️⃣ Describe the feature

ImageGlass currently supports viewing static SVG files, but it does not correctly render dynamic SVGs that use CSS or media queries to adapt to the system theme (e.g., light/dark mode). These SVGs often rely on prefers-color-scheme, currentColor, or embedded <style> blocks with CSS logic.

Problem:
When opening a theme-adaptive SVG in ImageGlass, the image is either rendered incorrectly or appears blank because dynamic CSS rules or theme-based styling is not applied. These types of SVGs are becoming more common on the web (e.g., PWA icons, logos, and design assets).

Example use cases:

• SVGs using prefers-color-scheme: dark to switch colors
• Logos that follow system accent color via currentColor
• CSS-based animations or responsive design inside SVG

Proposal:
Improve the SVG rendering engine or pipeline in ImageGlass to support:

• CSS styles within <style> tags
• Media queries like prefers-color-scheme
• Support for currentColor inheritance from the viewer background or user-defined setting

Alternatively, ImageGlass could optionally use a headless Chromium or web-rendering engine to render such SVGs as they appear in browsers.

Benefit:
This will allow ImageGlass to properly display modern, theme-aware SVGs and ensure compatibility with evolving design standards in both web and UI assets.

Light

Dark

2️⃣ How to use feature

No response

3️⃣ Additional context

No response

Start by reproducing the issue with the attached light and dark SVG examples and compare ImageGlass with browser rendering. Inspect the existing SVG rendering pipeline, then define how CSS styles, prefers-color-scheme, and currentColor should behave before choosing an implementation approach. Done means theme-adaptive SVGs render correctly without appearing blank.