How implementing dark mode in WordPress boosted 9to5’s sites

WordPress VIP featured partner 10up recently worked with media company 9to5 to add light and dark mode support to its most popular sites, including 9to5Mac and 9to5Google. Jake Goldman, founder and president of 10up, took the stage at BigWP SF to discuss the project and provide a practical primer on supporting native, OS-level dark and light settings.

As of this year, all major operating systems and browsers have begun to support the ability to view different display modes (light and dark), based on user preference.

Far beyond aesthetics, dark mode is a contributing factor in improving accessibility for users who suffer from eye strain or other vision difficulties. Additionally, enabling dark and light mode options empowers users to personalize their experience with your content–which can improve engagement.

The good news? Dark mode is relatively easy to enable. It took 10up only about 30 people hours to set up five sites on the 9to5 network that shared an overarching layout.

In this talk, Jake walks through two approaches to achieve similar results. First, a CSS path to deliver content in light or dark mode based on a user’s predefined settings. Next, a JavaScript method to allow users to toggle between light and dark mode on their own, which defaults to user device settings.

BigWP is our enterprise WordPress event series. It brings together developers, business leads, and product people who work with high-scale WordPress applications every day.

Find all of the talks in the BigWP SF November 2019 playlist.

Ready to get started?

Drop us a note.

No matter where you are in the planning process, we’re happy to help, and we’re actual humans here on the other side of the form. 👋 We’re here to discuss your challenges and plans, evaluate your existing resources or a potential partner, or even make some initial recommendations. And, of course, we’re here to help any time you’re in the market for some robust WordPress awesomeness.