How we created a dark UI for GitLab's Web IDE

This post details the technical implementation of a dark mode for the GitLab Web IDE. It describes the design process, including the distinction between UI and themes, the use of Figma for asynchronous collaboration, and the challenges encountered in adapting UI elements for dark mode. Specific design considerations for stateful elements, visual hierarchy, depth, graphics, and illustrations are discussed. The post also outlines the iterative approach to shipping the feature in small pieces, starting with the code area and progressively styling the rest of the UI, emphasizing the Minimal Viable Change (MVC) philosophy. It highlights effective prototyping techniques for elements with multiple states.