Designing dark mode

UX designer Lukas Oppermann provides valuable guidance for crafting an optimized dark mode experience. Oppermann outlines key considerations for images, icons, shadows, typography and color when designing dark and light themes. He emphasizes using transparent backgrounds, outlines and alternate images to ensure visuals have sufficient contrast in both modes.

For elements like shadows and elevation, Oppermann recommends replacing shadows with background color variations in dark mode to clearly convey hierarchy. Useful tips are shared for legible typography, including avoiding very bold or thin fonts and using semi-transparent colors.

Overall, this well-researched article gives actionable recommendations that will help designers create dark modes meeting accessibility standards and pleasing users.