Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Design Systems
Theming & Dark Mode Implementation — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Theming & Dark Mode Implementation
A design system's dark mode uses box-shadow for card elevation, which looks fine in light mode but makes cards indistinguishable from the page background in dark mode. What is the correct architectural fix?
Increase box-shadow blur radius and spread so the shadow is detectable against dark surfaces
Replace shadow-based elevation with luminance-step elevation — surfaces closer to the user use progressively lighter surface tokens
Add a 1px border to all cards in dark mode as a shadow substitute
Switch from box-shadow to text-shadow, which remains visible on dark surfaces
Check answer