Does it understand every color role?

No. It performs common source-level color swaps. Review important artwork visually.

Does it change gradients?

It swaps matching color stop values when they use supported hex colors.

The first version uses fixed dark and light colors. Palette controls can be added later.

← Browse all toolsDark Mode SVG Variant

Edit

Generate a dark mode variant using common light and dark color swaps.

Generate a dark mode variant using common light and dark color swaps.

Choose an SVG file, paste SVG markup, or load the sample to begin.

Page context

Dark Mode SVG Variant generates a dark mode variant using common light and dark color swaps.

The first version swaps common white/light colors to #0f172a and common black/dark colors to #f8fafc.

Use it as a quick starting point for icons, diagrams, and illustrations that need a dark theme variant.