Let us know what you think. You can give us your feedback by signing up to talk with us in our research program so we can continue improving. You can always choose to go back to the default view or switch back and forth.
As a platform for developers, it felt natural for Netlify to support dark mode. It’s no secret that dark mode is becoming more common on the web across applications because of its accessibility benefits and user preferences. Content can be perceived better in settings with lower light, especially at night time. But it wasn’t until we had begun the process of refactoring the Netlify UI codebase and moving to Tailwind that it would actually be manageable.
Still, it likely wouldn’t have been rolled out so quickly without two things: Netlivation Day and Netlify Labs.
Netlivation Day is our internal innovation day. We set aside time for Netlify team members to work together and build projects outside of our day-to-day focus areas. The recent addition of linkable log lines, which allows you to link directly to specific lines in your deploy logs, was also spurred from this day.
On Netlivation Day, as a designer, I paired up with Nasiba, a frontend engineer, and in one workday we:
A lot of this work was made possible by a recent refactoring of the Netlify UI codebase and moving to Tailwind, which meant that the set up for dark mode could be done in a single day.
Following the project building day, we demonstrated the capability internally with the internal Netlify team. As a result of the demo, we gathered feedback and made some iterations together.
A lot of innovation days spur great ideas that, after a day’s worth of hacking, don’t go anywhere. Netlify believes in shipping often. That’s why we recently announced Netlify Labs, a beta testing area in the Netlify web app where you can test drive Netlify beta features. Dark mode is one of the first features that you can turn on with Netlify Labs.
Without Netlivation Day and Netlify Labs, it would have taken much longer to build, vet, and roll out this feature to all users. Now, anyone who wants to can turn it on with the flip of a switch.
We hope that with the option for dark mode teams can better use Netlify within their own workflow, and teams across all time zones and lighting environments can choose the environment that works best for them.
Want to work with us and join the team? We’re hiring - check out our careers page.