Actually, dark mode can save the planet
Tags: webdev, css, design, ux
Published: 2023-01-09 17:05:16

*This is an update to an article I wrote last year. I'll briefly go over it again here. There's no need to read the old article, actually I'd rather you didn't.*

## Was Blackle right?

Many years ago, I was introduced to `Blackle`.

`Blackle` is just `Google` with a black background. Why? A black background uses less light, and so less electricity than a white background — and if everyone used `Blackle` we'd pollute less carbon into the atmosphere — and every little helps — well that's the idea anyway — but is it true?

Sort of.

In 2007, when `Blackle` was first launched, **cathode ray tube** (CRT) monitors were still popular —  [around `25%` of desktop computer monitors were CRTs](https://web.archive.org/web/20070607181615/http://www.displaysearch.com/press/?id=781) — and [CRTs do use less electricity displaying black pixels than white pixels.](https://web.archive.org/web/20080719103639/http://enduse.lbl.gov/Info/LBNL-48581.pdf)

*A CRT monitor is one of those old non-flat ones. They look like this:*

![A CRT monitor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g0jjf4tifbckvlvew1nm.png)

The [blog post that inspired `blackle`](http://ecoiron.blogspot.com/2007/08/history-in-january-2007-mark-ontkush.html) used this `25%` figure to suggest that `750 megawatt-hours` a year would be saved if google went black.

That's equivalent to the electricity use of [about `53` households in the USA.](https://www.eia.gov/tools/faqs/faq.php?id=97&t=3)

The remaining CRT screens were rapidly replaced with **Liquid crystal displays**. LCDs use the same power regardless of the screen color — and so `Blackle` became redundant…

That is, until OLED screens became a thing. OLED screens, like CRTs, use less energy when the screen is darker — and so, once again using dark mode saves electricity — and prevents CO2 emissions.

## How much CO<sub>2</sub> does dark mode save on an OLED screen?

We'll do some quick napkin math, and get a very rough idea of what kind of energy savings we're dealing with here — we'll use an iPhone as an example.

[Mobile Enerlytics](http://mobileenerlytics.com/dark-mode/), (a company that researches mobile battery drain), estimates dark mode saves anywhere between `1.8%` and `44.7%` of battery life depending on what activity is being performed and the screen brightness settings of the phone.

*For instance, reading The Verge on dark mode at `38%` screen brightness saves `23.5%` battery life, compared with light mode.*

[An `iPhone X` uses a `20 watt` charger and takes `~1 hour` to charge.](https://support.apple.com/kb/SP770?locale=en_GB) If you charge it fully once per day, that's `20 watt hours` a day, `7.2 kilowatt hours` a year.

I imagine people probably spend most of the time on their phone browsing the web, on social media apps, or messaging — *that's entirely based on my own experience and not on any data (because I can't find any).* So we'll make a conservative estimate that dark mode saves `5%` of battery life.

[In the USA `0.4kg` of CO<sub>2</sub> is emitted per `KWh`.](https://www.eia.gov/tools/faqs/faq.php?id=74&t=11)

So `1 million` `iPhone X`s on `dark mode` for a year would save about `144,000kg` of `CO2`. 

[**The same emissions as 31 cars.**](https://www.epa.gov/greenvehicles/greenhouse-gas-emissions-typical-passenger-vehicle)

*That was where the previous article concluded.*

Dark mode saves a tiny amount of energy. It's not nothing — but with `200 million` cars in the USA alone, it feels like nothing.

**But a big part of this story is missing.**

## Built in emmisions

The largest source of carbon emissions from smart phones and tablets is their production.

[According to Apple](https://www.apple.com/environment/pdf/products/iphone/iPhone_12_PER_Oct2020.pdf), each new `iPhone 12` will produce `80kg` of carbon. `14%` is from using the device, `2%` from transport, `< 1%` from "end of life processing" and `83%` from its production.

**Producing less stuff has a much larger impact than using stuff less — and one of the reasons people buy new stuff is because their old stuff is broken.**

One reason people buy a new phone is that the battery has died.

Companies like Apple make it costly and difficult to replace a battery — and so, people tend to buy a new phone instead.

Lithium ion batteries can only be used so many times before they stop working — [Apple says iPhone batteries maintain `80%` of their capacity after `500` charging cycles.](https://support.apple.com/en-us/HT208387)  

The more energy a phone uses — the sooner it stops working.

So, supporting dark mode may save more carbon than a few cars.

## Emissions intensity

Increasing the lifetime of a product prevents a new product being created — which will emit carbon from it's manufacture, transport, packaging, and end-of-life.

How you calculate the effect a product's lifetime has on the environment is not immediately obvious (at least to me!)

But generally, the way it is done is by spreading the built in emissions across the lifetime of the product — then dividing those emissions by some measure that's relevant to the use of that product.

This is called `emissions intensity`.

### An example of emissions intensity

The emissions intensity of say, a car, would be calculated with respect to how much mileage the car gives you. If it takes `1000 tons` of CO2 to build a car and it only travels `10 kilometers` before it explodes, the emissions intensity of the car would be `100 tons per kilometer`.

For the sake of simplicity we'll use the metric, `CO2 per year` for the calculation of our smartphone emission intensities, and we'll compare it to some other things to give it context.

## Calcualting how much dark mode saves

I don't know how much dark mode increases the life-time of a phone battery. I've tried my best to find out, but there's too much uncertainty.

So instead of giving you *my* best guess. I've made a tool that allows you to input *your* best guess on the missing data.

I've prefilled it with information from the `iPhone 12` environmental report, using `100 million` units, and my best guesses. The code for the calculator is at the bottom of the article.


{% codepen https://codepen.io/shadowfaxrodeo/pen/ExpWYzL %}


Hopefully it'll give you an idea of the scope of this issue. 

There's some factors I've left out:

- The likelyhood of getting a new phone goes up over time, new models are released, your phone has aged in other ways, software updates have stopped.
- The direct energy savings — mentioned at the start of the article.
- The second hand market — phones don't just have one owner before they end up in landfill.
- Batteries get replaced — and the carbon used to manufacture a battery is less than the device as a whole.
- Maybe dark mode also reduces the chance of screen burn-in, or increases the life-time of other parts.

And there's likely some I haven't thought of at all.

## Why your website (or app) should support dark mode?

It's our responsibility as designers and developers to minimize the damage our products cause. Dark mode does have environmental benefits — and that should be reason enough. But it's also what the people want!

- It's easier on the eyes.
- It saves battery.
- Its light is more flattering — therefore you're more likely find to love.

What's more, some browsers have the option to use `forced dark mode` for websites that don't support it. This means your website may not render as you intended — and can lead to readability issues:

Here's a screen shot from [themarkup.org](https://themarkup.org) in `forced dark mode` on `Google Chrome`. The links become difficult to read.

![A screenshot of the markup with a link that is difficult to read](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iah03tkakbcy7cnw54ym.png)


### What have I missed?

If you have any expertise, insider knowledge, or sources you'd like to add, let me know, and I'll happily update this article.