Skip to content

CodePenFeb 17, 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

Last updated: May 11, 2021

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

Resources