Logo of UI Challenges
Sign in
Wireframe example for Dark Mode
An example interpretation of the prompt
Icon of target

Dark Mode

Icon of book open

Design a dark mode setting for an app UI, starting with the control itself. Show where the toggle lives, how it reads in context, and what the user sees after switching themes.

Use a real settings row or account menu pattern, not a floating gimmick. Include the current theme, the available choice, and any helper copy needed to explain what changes immediately and what follows the system setting.

Then apply the theme to one representative screen so the visual system can be judged. Show background, text, borders, icons, and primary controls in dark mode, with enough contrast to prove the palette works rather than just looking dark.

Icon of book open

Experiment with shades of gray rather than pure black to avoid high contrast that can strain the eyes.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.