Dark Mode

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.

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