The Case for Dark Mode on Small Business Websites

Dark mode has moved from novelty to expectation. Apple, Google, and Microsoft all made it a system-level feature. Your customers toggle it on their phones, laptops, and tablets. The question for small business owners is whether your website should follow suit.

The short answer: it depends on your audience and what you sell. But the longer answer involves readability, accessibility, energy consumption, and conversion rates. Let us walk through what actually matters.

Dark mode is not just aesthetics

Most people think dark mode is about looking modern or cool. It can be. But the real reasons people enable it are functional. They want less eye strain in low-light environments. They want longer battery life on OLED screens. They want their phone to stop blinding them at 11 PM.

If your customers browse your site in the evening — say you run a restaurant in Vancouver and people check your menu after dinner — dark mode makes their experience better. If you are a wellness studio and your audience includes people who spend hours staring at screens, they will appreciate the option.

The key word is option. Forcing dark mode on everyone is a mistake. Offering it as a toggle respects user preference.

Readability and contrast matter more than you think

Dark mode done wrong is worse than no dark mode at all. Pure white text on pure black backgrounds creates halation — a glow effect that makes text harder to read. The fix is simple: use off-white text (light grey) on a dark grey background, not true black.

Research from the Nielsen Norman Group shows that readability in dark mode depends heavily on ambient lighting. In bright environments, light mode is easier to read. In dim environments, dark mode reduces eye strain. If your customers browse your site in varied lighting conditions, offering both modes covers all scenarios.

For small businesses, this means:

• Restaurants and cafes: dark mode helps evening browsers.
• Fitness studios: mixed lighting, so offer both.
• Law firms and professional services: light mode is standard, but dark mode signals you care about details.
• Real estate: property photos look better in light mode, but dark mode works for text-heavy pages.

Accessibility is not one-size-fits-all

Dark mode is often framed as an accessibility feature. It can be. People with photophobia or certain visual impairments prefer it. But other users — particularly those with astigmatism — find dark mode harder to read because of the halation effect.

The Web Content Accessibility Guidelines (WCAG) do not mandate dark mode. They mandate sufficient contrast ratios. Your light mode and your dark mode both need to meet WCAG AA standards (4.5:1 for body text, 3:1 for large text).

If you implement dark mode, test it. Use a contrast checker. Make sure your brand colours still work. Zazen Media Group tests every design in both modes because accessibility is not optional.

Energy savings are real but context-dependent

Dark mode saves battery life on OLED and AMOLED screens. These displays turn off individual pixels to show black, which uses less power. On LCD screens, dark mode saves little to nothing because the backlight stays on.

A 2021 study by Purdue University found that switching from light to dark mode at full brightness on an OLED phone saved 39–47% battery. At lower brightness levels, the savings dropped to 3–9%.

For your small business website, this means:

• If your audience skews mobile (and most do), dark mode offers a tangible benefit.
• If your site has lots of white space or images, the energy savings shrink.
• If sustainability is part of your brand, dark mode is a small but real way to demonstrate it.

Does dark mode affect conversion rates?

The data here is thin. Most A/B testing focuses on button colour or headline copy, not colour schemes. Anecdotal evidence from e-commerce sites suggests dark mode does not hurt conversions if implemented well.

One thing is clear: poor contrast and illegible text will kill conversions. If your dark mode makes your call-to-action button disappear or your pricing page hard to read, you will lose customers.

For local Vancouver businesses, consider your customer journey. If someone lands on your site to book an appointment, check your hours, or read a menu, dark mode should not interfere with those tasks. Test your forms, buttons, and navigation in both modes.

Implementation does not have to be complicated

Adding dark mode to your website can be as simple or complex as you want. The basic version uses CSS media queries to detect the user's system preference and adjusts colours accordingly. A more polished version includes a toggle button so users can override their system setting.

Here is what good implementation looks like:

1. Respect system preferences by default (prefers-color-scheme media query).
2. Store user preference in local storage if they toggle manually.
3. Ensure all brand colours, images, and UI elements work in both modes.
4. Test on multiple devices and browsers.
5. Do not forget your logo — you may need a variant for dark backgrounds.

If your website runs on WordPress, plugins like Dark Mode Toggle or WP Dark Mode can handle this. If you are on Shopify, Webflow, or a custom build, the approach varies. A developer can implement a clean dark mode in a few hours if your site is well-structured.

When dark mode is not worth it

Dark mode is not for everyone. If your brand relies on specific colours that lose impact in dark mode, skip it. If your website is mostly photography or visual content where colour accuracy matters (real estate, interior design, food), light mode is likely your best bet.

If your audience is older and less tech-savvy, they may not expect dark mode. If your site is simple — a single page with contact info and hours — the effort may not pay off.

The calculus changes if you are building a new site or redesigning. Adding dark mode from the start is easier than retrofitting it later.

The bottom line

Dark mode is a user experience feature, not a marketing gimmick. It improves readability in low light, saves battery on OLED screens, and signals attention to detail. But only if you implement it properly.

For small businesses in Vancouver and beyond, the decision comes down to your audience and your content. If your customers browse your site in varied lighting or on mobile devices, dark mode is worth considering. If your brand colours or imagery do not translate well, stick with light mode and focus on other improvements.

If you would like help implementing dark mode or refreshing your small business website, Zazen Media Group works with restaurants, wellness studios, and local services across BC to build sites that balance aesthetics with usability. We test everything in both modes.