With dark mode, QuickBooks helps our screens stay readable and useful in whatever lighting conditions our customers are working in.
Overall appearance and behaviors
When using dark mode, users expect the application to “turn out the lights.” That means that dark mode isn’t a simple inversion of grays. In many cases, things that are dark in QuickBooks’ default appearance (we’ll call it “light mode” from here on out) stay dark in dark mode.
Because dark mode is defined as a set of rules, you shouldn’t normally need to design for it. As long as your design follows the common visual design for light mode, it should also fit in when dark mode is applied.
Dark mode is available by navigating to the gear icon > QuickBooks Labs, then turning on “QuickBooks Themes.” After that, open the gear icon once more, then choose “Themes” to turn on dark mode. It will stay active until turned off, even if the user signs out and signs back in.
Once this feature has undergone testing and refinement, we intend to move it to a more permanent home and respect the user’s system setting for dark mode.
You may find it helpful to use your computer or phone in dark mode for a little while. This will help you adjust to some of the conventions we follow.