Skip to content

CodePenMar 12, 2020

Light/dark mode with SVGs

CodePen demonstrating accessible SVG theming with prefers-color-scheme so light and dark mode variations remain readable and inclusive.

patternAccessibilityCSSHTMLSVG/imageWCAG

Accessible SVG demo showing how light and dark themes can adapt vector graphics with @prefers-color-scheme while preserving contrast and readability.

Resources