logo

For Everyone •

For the Planet

Skip navigation
  • [Index]
  • [Blog]
  • [resources]
  • [Connect]
•
•

Explore

  • Why Carbon Footprint Matters
  • The Real Core of UX
  • Tools & Resources

Get Involved

  • Contribute
  • Contact Us

Social

  • LinkedIn
  • Instagram

@2026 devly.digital

TUNIS, TN

Back to Articles
green-web•
Apr 23, 2026
•
11 min read

The True Carbon Cost of Dark Mode and Whether It Actually Saves Energy

D

Devly Team

Sustainable & accessible Web Development

Table of Contents

  • Why screen type changes everything
  • What the research actually shows
  • The "Rebound Effect"
  • What this means for websites

Dark mode can save energy. It can also save nothing. In some cases it can even increase energy consumption. The outcome depends on three factors: the type of screen, the brightness level, and what the user actually does after switching.

This article breaks down what the research actually shows, why the numbers vary so dramatically, and when dark mode is a legitimate Green IT decision versus when it's just aesthetic.

Why screen type changes everything

Dark mode only affects energy consumption because of how the screen physically produces light. Different screen technologies respond very differently.

OLED and AMOLED screens (organic light-emitting diode) illuminate each pixel individually. A black pixel on an OLED screen is literally turned off, drawing no power at all. The darker the content, the fewer pixels need to light up, and the less energy the display consumes.

LCD and LED screens work differently. They use a constant backlight that shines through a liquid crystal layer. The backlight is always on at full intensity regardless of what's on the screen. A black pixel on an LCD is created by blocking light, not by turning it off. The energy consumption is virtually identical whether the screen is fully white or fully black.

This means dark mode's energy savings only exist on OLED and AMOLED displays. On LCD screens, which still make up the majority of laptops and many budget phones, dark mode saves effectively nothing in power.

Note

Most laptops sold today still use LCD or LED-backlit LCD displays. OLED laptops are growing fast (up 33% projected for 2026 with Apple's OLED MacBook Pro launch) but still represent a small share of the overall laptop market. On smartphones, OLED adoption has grown significantly since 2017, but many budget devices still ship with LCD screens.

What the research actually shows

The most comprehensive study on dark mode energy savings was conducted by Purdue University and presented at MobiSys 2021. The researchers built a per-frame OLED power profiler to measure real energy consumption across popular Android apps (Google Maps, YouTube, Google News, Calendar, Phone, Calculator) on multiple Pixel and Moto devices.

Their findings contradicted the popular narrative:

  • At 30 to 50% brightness (where most people keep their screens indoors with auto-brightness on), switching from light mode to dark mode saved only 3 to 9% of total phone power.
  • At 100% brightness (outdoor conditions or direct sunlight), the savings jumped dramatically to 39 to 47%.
  • Lowering the brightness itself was far more impactful than switching color schemes. Reducing brightness from 100% to 50% cut OLED power draw by roughly 10x, regardless of whether the content was dark or light.

The widely-cited figure of "up to 63% savings" comes from Google's own testing of Google Maps at maximum brightness on OLED devices. Google's testing of YouTube in dark mode on OLED at moderate brightness showed roughly 15% savings. These numbers are real, but they describe specific apps at specific brightness levels, not typical daily usage.

FYI

Most articles about dark mode sustainability cite the high-end numbers (47%, 63%) without mentioning that these require 100% brightness and specific apps. At typical indoor brightness (30 to 50%), the savings drop to 3 to 9%. That's a meaningful difference when arguing for dark mode as a Green IT strategy.

The "Rebound Effect"

A 2024 study presented at LOCO (the Workshop on Low Carbon Computing) raised a concern.

In a user study using LCD displays, participants chose higher brightness levels when the screen was set to dark mode, regardless of surrounding lighting conditions. The white text on a dark background felt harder to read at lower brightness, so users instinctively increased the brightness to compensate.

The result: the brightness increase appeared to offset any theoretical savings from the dark color scheme. In other words, for these users on these devices, dark mode did not save energy at all.

The researchers describe this as a "rebound effect" and note that if validated across a larger sample, it could have substantial implications for digital sustainability recommendations. The study explicitly calls for further research to determine whether the same effect applies to OLED devices.

This is a preliminary finding, not a settled one. But it challenges a core assumption behind dark mode as a Green IT strategy: that enabling it automatically reduces energy consumption. User behavior can cancel out the savings, at least on LCD screens.

What this means for websites

Offering a dark mode option on your website is a reasonable sustainability feature. But the actual energy impact depends heavily on your audience's hardware.

Some hard truths for web designers:

  • You don't control the user's screen. You can offer dark mode, but you have no way to know whether each visitor is on OLED or LCD. The energy savings are invisible to your analytics.
  • You don't control the brightness. A visitor with auto-brightness on a sunny day gets dramatic savings. A visitor indoors at 40% brightness gets a few percent at best.
  • You don't control user behavior. If your dark mode is poorly readable and users increase brightness to compensate, you've made things worse.
  • Dark mode is not a substitute for real optimization. A 2 MB page with bloated JavaScript wastes far more energy per visit than a well-optimized 200 KB page, regardless of color scheme.

Tip

If you care about your website's actual carbon footprint, the highest-impact changes are reducing page weight (especially images and JavaScript), using green hosting, and designing for longevity. Dark mode is a small optimization on top of those, not a replacement for them.

// newsletter_signup

Build Better

Whether you're just starting to think about sustainability and accessibility or you're ready to overhaul your entire stack, there's a place for you here.

No spam. Unsubscribe anytime. Join 300+ developers.