Dark Mode Menus: Do Customers Actually Want Them? 2026 Data

A 26-table grill house in Ankara's Tunali district added dark mode to its QR menu. The result was surprising: only 22% of customers picked it, and almost all of them after 9 PM. So is a dark mode menu worth the design investment?

WWDC 2024 Stats vs Restaurant Reality

Apple shared at WWDC 2024 that 63% of iOS users keep dark mode on at the system level. But on restaurant menus the preference flips: 48% of diners actually prefer light mode because food photos look more appetizing on bright backgrounds.

The takeaway for restaurants: dark mode should be optional, not the default. Forcing it on lunch crowds costs you menu engagement immediately.

The Ankara Tunali Case: 22% Adoption, Concentrated After 9 PM

The grill house ran a six-week test with a visible dark mode toggle. Across 4,200 menu sessions, 22% switched to dark mode. Lunch hours hit only 8%, while after 9 PM the share climbed to 41% — confirming context matters more than blanket preference.

• Lunch (12-3 PM): 8% chose dark mode
• Dinner (6-9 PM): 19% chose dark mode
• Late night (after 9 PM): 41% chose dark mode

Design Rules: Two Themes, One Menu

To do dark mode right: use transparent PNGs for food photos, keep contrast ratios at 4.5:1 minimum, and shift the price color to an accent like warm gold. Honor prefers-color-scheme first, then expose a toggle.

thMenu defaults to light mode but offers a corner toggle for dark mode. The choice persists in localStorage so returning guests don't have to re-pick on every visit.

FAQ

Does dark mode boost sales? Not directly, but it reduces eye strain at night which can lower cart abandonment among late-evening diners.

My food photos look dull in dark mode, what should I do? Switch to transparent PNGs or use a soft warm-gray background. Pure black drains color from food photography.

Auto or manual? Hybrid is best: start with prefers-color-scheme, then give users a one-tap toggle to override.

Found this helpful? Share it.