1. Analyze the existing UI for color usage and contrast.
2. Define the dark mode color palette (background, surfaces, text).
3. Adjust primary colors and error/warning colors for dark backgrounds.
4. Adapt images and media for dark mode (dimming, dark variants).
5. Implement surface elevation using lighter shades.
6. Test the design in a dark environment.
7. Ensure accessibility with sufficient contrast ratios.
8. Provide a manual toggle for dark mode.
SynapticSkills