The Case for Dark Mode on Small Business Websites

Dark mode is everywhere now. Your phone has it. Your apps have it. Half the websites you visit offer it. So naturally, small business owners ask: should my website have dark mode too?

The short answer is probably not. At least not yet. But there are specific cases where it makes sense, and if you're in one of those categories, implementing it properly can set you apart from competitors who are still figuring out basic mobile responsiveness.

What dark mode actually does

Dark mode inverts the traditional colour scheme of a website. Instead of black text on a white background, you get light text on a dark background. The benefits are real but often overstated.

Reduced eye strain in low-light environments is the main selling point. If someone's browsing your site at midnight in bed, white backgrounds blast light into their retinas. Dark backgrounds are gentler. Battery life improves on OLED screens because black pixels are actually turned off. And yes, it looks modern and premium when done well.

But here's what the design blogs won't tell you: most small business websites don't benefit from dark mode because most people don't visit them in situations where it matters. Someone researching Vancouver law firms at 2pm in their office doesn't care about eye strain. They care about finding your phone number quickly.

When dark mode makes sense for small businesses

There are three situations where dark mode genuinely helps a small business website perform better.

First: if your audience skews young and tech-savvy. Fitness studios with evening classes, gaming cafes, creative agencies. These customers expect dark mode because they use it everywhere else. Not offering it feels dated.

Second: if your site gets significant evening or night-time traffic. Restaurants that take late bookings, wellness studios promoting sleep content, service businesses whose customers browse after work hours. Check your Google Analytics. If 40% of your traffic comes between 6pm and midnight, dark mode deserves consideration.

Third: if your brand aesthetic already leans dark and moody. High-end salons, tattoo studios, craft cocktail bars, photography portfolios. If your Instagram is all black backgrounds and dramatic lighting, a bright white website creates cognitive dissonance.

Notice what's missing from that list: most professional services, retail shops, family restaurants, real estate agents, accountants, dentists. For these businesses, dark mode is a distraction from more important website improvements.

The implementation mistakes everyone makes

Here's where small businesses go wrong when they do add dark mode.

They make it the default. Your website loads in dark mode, and users have to hunt for the toggle to switch back. This alienates the majority of visitors who prefer light backgrounds for daytime browsing. Always default to light mode unless you're absolutely certain your audience prefers otherwise.

They forget about images. Photos that look crisp on white backgrounds often appear muddy or oversaturated on dark ones. Product shots, team photos, before-and-after galleries all need testing in both modes. At Zazen Media Group, we've seen Vancouver restaurants launch dark mode only to discover their food photography looks unappetising against charcoal grey backgrounds.

They use pure black. True black (#000000) creates harsh contrast that's actually harder on the eyes than softer dark greys. Proper dark mode uses colours like #1a1a1a or #2d2d2d for backgrounds and off-white (#e0e0e0) for text.

They skip the toggle. If you're offering dark mode, the switch needs to be obvious, persistent across pages, and remember the user's preference. Burying it in a footer menu defeats the purpose.

What to prioritise instead

For most small businesses, dark mode ranks somewhere between "nice to have" and "waste of time" on the list of website priorities. Here's what actually moves the needle.

Mobile performance. Over 60% of small business website traffic comes from phones. If your site takes more than three seconds to load on 4G, you're losing customers before they see any colour scheme.

Clear calls to action. Can someone book an appointment, request a quote, or find your hours in under ten seconds? That matters infinitely more than whether your background is white or charcoal.

Accessible contrast ratios. This applies to both light and dark modes. Text needs to meet WCAG AA standards (4.5:1 contrast ratio for normal text). Most small business sites fail this test in broad daylight, never mind at night.

Actual content that answers customer questions. Your website exists to convince people to contact you or visit your location. Blog posts, service descriptions, portfolios, testimonials, FAQs — these things convert. Dark mode doesn't.

How to test if dark mode is worth it

If you're genuinely curious whether your audience wants dark mode, there's a simple way to find out. Add a survey tool to your site for two weeks. Ask visitors one question: "Would you prefer a dark mode option for this website?" Include three answers: Yes, No, Don't Care.

If more than 30% say yes, it's worth exploring. If the number is lower, spend your time and budget elsewhere. This approach costs nothing and gives you actual data instead of guessing based on trends.

Another option: check your competition. If you're a fitness studio and every other studio in your city offers dark mode, you might need it for competitive parity. If you're a law firm and nobody in your sector uses it, you're probably fine without it.

The technical reality

Implementing proper dark mode isn't trivial. It's not just flipping colours in your CSS. You need:

• Separate colour variables for every UI element
• Media queries that respect system preferences
• JavaScript to handle manual toggles
• Cookies or local storage to remember user choices
• Testing across browsers and devices
• Revised image assets or dynamic filters

For a small business website, this easily adds 8–15 hours of development time. At Vancouver hourly rates, you're looking at $800–1,500 minimum. That money might deliver better returns invested in faster hosting, better photography, or SEO improvements.

The verdict for small businesses

Dark mode is a polish feature, not a foundation feature. Get everything else right first. Make your site fast, mobile-friendly, accessible, and genuinely useful. Then, if your specific audience and brand justify it, add dark mode as a refinement.

Most small businesses don't need it. The ones that do already know why. If you're reading this article trying to decide, the answer is probably no — at least for now.

If you'd like help figuring out which website improvements actually matter for your business, we do this work regularly at Zazen Media Group. We build sites that convert customers, not just sites that look fashionable.