What is dark mode?

Dark mode is a display setting that replaces the typical white/light background of a user interface with a darker colour scheme — typically dark grey or black backgrounds with light-coloured text. It reduces eye strain in low-light environments and can extend battery life on OLED screens. For web designers and developers, supporting dark mode means designing interfaces that adapt to the user's system preference using CSS media queries. For SMBs with apps or web products, offering a dark mode option improves user experience and signals attention to design quality. Many modern design tools and platforms, including Figma and Webflow, now support dark mode design natively.