ThemeAware Image: Match Your Images Seamlessly to Light & Dark Mode
Make it with Workshop
Build your own component with AI
ThemeAware Image is a Framer component that automatically displays different images based on the viewer’s active theme — light or dark. It helps you create visually consistent, polished experiences across themes with zero code.
Switches between light and dark images automatically, depending on the current site theme.
Just upload two images — one for light mode and one for dark mode — and you’re done.
Built for Framer’s visual canvas. Drop it in, configure, and publish instantly.
Seamlessly integrates with your existing theme switch setup. or with my Theme Toggle
Scales beautifully across devices with no extra effort.