Dark Mode for the Cloudflare Dashboard

Cloudflare has introduced a beta version of its dashboard's dark mode feature. Users can configure the dashboard to appear in light or dark mode, or have it automatically adjust according to their system settings. The design team at Cloudflare leveraged the company's Design System to implement this feature swiftly and efficiently. By reversing the luminosity scales of its color system, the team was able to create a new set of colors for the dashboard in dark mode while maintaining brand aesthetics and accessibility standards. The design process involved iterating on various components such as buttons, icons, links, and charts to ensure their compliance with WCAG's AA accessibility standards.