Dark mode has become a user expectation, not a feature. This guide covers the design principles of effective dark mode UI: color palette selection, contrast ratios (WCAG AA/AAA), elevation and depth, dark mode illustrations, preference detection with CSS media queries, and implementing system-level dark mode in React, Vue, and Flutter apps.